Ionic 3: прокрутка сегментов бар

Question

Я работаю с Ionic 3 и пытаюсь использовать полосу прокрутки сегментов,

<ion-content padding>
  <div padding>
    <ion-segment [(ngModel)]="kittens">
      <ion-segment-button value="kittens">
        Kittens
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>
      <ion-segment-button value="puppies">
        Puppies
      </ion-segment-button>                  
    </ion-segment>
  </div>
</ion-content>

Как показано на рисунке, панель сегментов не прокручивается, а становится все более и более плотной.