Ion-tabs tabTitle cut off on Android



I’ve created a project using the tabs template, however on Android some the Titles are cut off.

Whereas it fits just fine on iOS (and windows)

I’ve tried setting font-sizes however that applied it to the entire content in that tab not the title.

Any help will be appreciated :slight_smile:



Add style to your <ion-tabs>:

.tabs-style {
    .tab-button {
      .tab-button-text {
        font-size: 12px;


I’m having more or less the same problem: I don’t manage to change tabs font. Tried this solution, but it didn’t work for me.

Any other ideas?