How to Reduce the tab Width

Ionic Framework ionic-v3
1

Hello

i am trying to see if i can add shape to the tabs, instead of them taking the full bottom real estate, say, is there a way to make the tabs size only 50% width, leaving the other 50%

2

Add the below class in your app.scss and modify the css properties as per your wish

.ios .tabs .tabbar, .md .tabs .tabbar{
color: blue;
width: 50%;
}