Ion-scroll показывает полосу прокрутки

Я пытаюсь скрыть полосу прокрутки на моем ion-scroll. Я перепробовал все и не могу заставить ее исчезнуть. Может кто-нибудь помочь мне с этим? Я перепробовал все атрибуты, а также использовал css, например ::-webkit-scrollbar, и установил его на display: none;. Это прекрасно скрывает его в браузере, но когда я смотрю на него в эмуляторе или на своем физическом iPhone, он все равно отображается. Вот мой ion-scroll.

<ion-scroll scrollX = "true" scrollbar-x = "false" id = "contests-filter">
  <ion-row nowrap class = "app-padding">
    <div *ngFor = "let name of filterNames;">
      <ion-chip>
        <ion-label>{{ name }}</ion-label>
      </ion-chip>
    </div>
  </ion-row>
</ion-scroll>