Ionic 3 Horizontal Scroll X not working

Im try to added Ionic Horizontal Scroll X but it's not work for me. please look at my code and anyone know why this is not working? Im try to add <ion-scroll scrollX="true"> not working. please help me to fix my issue

Thanks

 <ion-scroll scrollX="true" style="height: 100px; width: 450px;">
        <ion-item >


          <ion-avatar *ngFor="let staff of master.staffList" item-start >
            <img src="">
            <p class="addnew-user"></p>
          </ion-avatar>

          <ion-avatar *ngIf="master.getRoleID() == master.adminRoleID" item-start (click)="addnewTeacher()">
            <img src="">
            <p class="addnew-user-main">Add New</p>
          </ion-avatar>

        </ion-item>
      </ion-scroll>

from Ionic 3 Horizontal Scroll X not working