Footer bar buttons width on IOS cannot expand according to text

It works on ionic serve on browser.
image
But when i build on ios simulator, i cannot get the button to expand with the text inside
image

<ion-footer-bar keyboard-attach align-title="left" class="bar bar-assertive">
<div class="buttons pull-left" ng-hold="show()" ng-click="show()" >
<button class="button button-clear"> Sortby </button>
</div>
<input style="width:100%; padding:5px; text-align:center" type="text" placeholder="Type Search Here">
<div class="buttons pull-left" ng-click="doSomething()">
<button class="button button-clear icon ion-android-search"></button>
</div>