Sliding back issue : 2 sliding back animations

Hello guys,

I have an issue with multiple component.
When I hit the back button, a glitch happens as you can see on the record. => Screen record on Imgur

My component structure is as follow :

<ion-header>
  <custom-header [hideBackButton]="false">
    <div class="navbar-title">Contenu de la commande</div>
  </custom-header>
</ion-header>
<ion-content scroll="false" class="nonscrollablecontent">
    <ion-card [ngStyle]="{'border-radius': '10px', 'position': 'fixed', 'bottom': '10px'}" [style.top]="ios ? '10%' : (android ? '30px' : '50px')">
    <ion-segment color="primary" style="padding-left: 10px; padding-right: 10px;padding-top: 10px;">
      <ion-segment-button>
        </ion-segment-button>
    </ion-segment>
    <div class="spacer" style="height:10px;"></div>
    <ion-content #ScrollList style="background-color: white;">
    <ion-list>
      <ion-item style="padding-left: 15px; padding-right: 15px;" *ngFor="let p of displayList">
        <ion-grid class="no-padding bottom-border" item-content>
          <ion-row align-items-center style="padding-bottom: 5px;">
          </ion-row>
          <ion-row align-items-center>
          </ion-row>
        </ion-grid>
      </ion-item>
    </ion-list>
  </ion-content>
  </ion-card>
</ion-content>

Do you guys maybe have a fix ?

Thanks a lot!

Have a great day