Ion-slide inside tab page misaligned after leaving a page


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


Can someone help me with this issue? Thanks.