Problem with ion-tabs when there are many tabs

I want to have these 11 tabs in my ionic 2 app but they are either overlapping or this, have tried a lot of css but couldn’t get through. Please help, thanks.


HTML code:

<ion-tabs #ionTabs [color]="" tabsHighlight="true" tabsPlacement="{{tabsPlacement}}" text-wrap padding>
  <ion-tab *ngFor="let tab of tabs" [root]="tab.component" [rootParams]="" [tabsHideOnSubPages]="true" tabTitle="{{ tab.title }}" tabIcon="{{ tab.icon }}"></ion-tab>

Why would you have 11 tabs? such a bad design