Ion-segment with scrollable enabled moves the whole view

Recently, I stumbled across a very strange ion-segment behaviour which cannot resolve.
Whenever a partially shown ion-segment-button is clicked the whole view is shifted.

Created this video for better demonstration.

The HTML is quite simple:

<div class="filters-container">
    <ion-segment [scrollable]="true" value="heart">
       <ion-segment-button>...</ion-segment-button>
       <ion-segment-button>...</ion-segment-button>
    </ion-segment>
 </div>

.filters-container {
   position: relative;
   width: min(100%, 73.5rem);
}

Spent a lot of time playing with the CSS classes and properties but nothing had a impact on the strange behaviour. Change the ionic version from 7.0.7 to 6.7.1 but that didn’t change anything.

Any help or suggestions will be welcomed :smiley:.