Ionic 5 Segment Button Width not adjusting with label width

Ionic Framework Ionic Angular
1 
<ion-segment value="bookmarks" scrollable>        
    <ion-segment-button value="bookmarks">
      <ion-label>Bookmarks</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Reading List</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Shared Links</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Bookmarks</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Reading List</ion-label>
    </ion-segment-button>
    <ion-segment-button>
      <ion-label>Shared Links</ion-label>
    </ion-segment-button>                
  </ion-segment>

Screenshot Segment

I have the same code in ionic 4 and it is fine, the segment width adjusting with content.
Is there a solution of this?
Thank you.

1 Like
2

I found solution for time being

ion-segment-button{
    min-width: auto;
}
3 Likes