Ion-title is cut off (should be l...) on small screens

Ionic Framework Ionic React
1

I have a page like this:

    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>
            Happy Wednesday!
          </IonTitle>
        </IonToolbar>
      </IonHeader>
    </IonPage>

On small screens (for example, the original iPhone SE), this is displayed as

Happy Wednes...

What is the CSS/JS that Ionic is using to shorten the title text?

There is a a pretty big margin on each side of the ion-title, so it seems like more space could be used to display the full title. I would like to tweak this but I’m having trouble figuring out what CSS is causing the issue.

It’s a challenge for me because when testing in Safari/Chrome, the text is usually not shortened; it only happens on the actual device.