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 :

  <custom-header [hideBackButton]="false">
    <div class="navbar-title">Contenu de la commande</div>
<ion-content scroll="false" class="nonscrollablecontent">
    <ion-card [ngStyle]="{'border-radius': '10px', 'position': 'fixed', 'bottom': '10px'}" []="ios ? '10%' : (android ? '30px' : '50px')">
    <ion-segment color="primary" style="padding-left: 10px; padding-right: 10px;padding-top: 10px;">
    <div class="spacer" style="height:10px;"></div>
    <ion-content #ScrollList style="background-color: white;">
      <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 align-items-center>

Do you guys maybe have a fix ?

Thanks a lot!

Have a great day