Tab Bar active icon position changes/jumps

I’m removing the titles from the tab bar icons. When I do it the icons jump to a different spot when they are tapped.

<ion-tabs tabsLayout="title-hide">
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Search" tabIcon="search"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="Saved" tabIcon="bookmark"></ion-tab>
</ion-tabs>

Any idea what’s going on, I"m testing on android and the web?

Thanks.

Keith