Ion-slide inside tab page misaligned after leaving a page

Ionic Framework ionic-v3
1

Hi,

I have ion-slide component inside a tab page. It works fine on the first load but after navigating back to the tab page, the ion-slide is automatically moved to the right. Upon element inspect, it shows the swipper-wrapper style contains;

transform: translate3d(210px, 0, 0)!important;

I tried to apply these upon ionViewWillEnter but ionViewWillEnter itself is not triggered

  this.slides.resize();
  this.slides.update();

Can someone help me with this issue? Thanks.