ionic 3 angular different UI on android and ios

i am using ionic 3 angular and using ion-scroll to lay a horizontal scrollable area which renders some buttons. the code looks like

<ion-scroll scrollX="true" style="width:100vw;height:49px">
            <ion-row nowrap >
            <button *ngFor="let item of messageQueue.shortcutList" ion-button small round (click)="processShortcut(item.action)">{{item.action}}</button>
            </ion-row>
        </ion-scroll>

this looks perfect on ios but on android the rendered button size is is fixed and so text is cut.

please see the screenshot https://www.dropbox.com/s/0amwir62acliccn/Screenshot%202017-08-08%2015.32.21.png?dl=0