Ширина.ion-slide меньше ширины устройства, оставляя место после последнего слайда

Question

Я использую ионную последнюю версию. Используя ионный слайд, я ограничил ширину каждого слайда до 80%, что работает нормально. Но если мы прокручиваем его до конца, остается область пустого пространства, и все слайды скрываются влево.

Снимок: https://firebasestorage.googleapis.com/v0/b/notpol-staging.appspot.com/o/share.PNG?alt=media&token=12d91447-5a34-499f-b7af-b587acdd6b1b

<ion-slides style="height: 34%" speed="2000">
    <ion-slide style="width:80%">
      <ion-card>
        <img src="./assets/images/slider4.jpg" />
        <ion-card-content>
          <ion-card-title>
            Hair Style
          </ion-card-title>
        </ion-card-content>
      </ion-card>
    </ion-slide>
    <ion-slide style="width:80%">
        <ion-card>
          <img src="./assets/images/slider4.jpg" />
          <ion-card-content>
            <ion-card-title>
              Hair Style
            </ion-card-title>
          </ion-card-content>
        </ion-card>
      </ion-slide>
      <ion-slide style="width:80%">
          <ion-card>
            <img src="./assets/images/slider4.jpg" />
            <ion-card-content>
              <ion-card-title>
                Hair Style
              </ion-card-title>
            </ion-card-content>
          </ion-card>
        </ion-slide>
        <ion-slide style="width:80%">
            <ion-card>
              <img src="./assets/images/slider4.jpg" />
              <ion-card-content>
                <ion-card-title>
                  Hair Style
                </ion-card-title>
              </ion-card-content>
            </ion-card>
          </ion-slide>
  </ion-slides>