Ionic tabs bottom android leavs space for tab

this is my page for the view
<ion-view cache-view="false" view-title="{{party.results.attributes.title}}">
<div class="bar bar-subheader box-shadow" ng-init="activeTab = 0">
<div class="button-bar">
<a class="button button-light Label" ng-class="{active: activeTab == 0}" ng-click="activeTab = 0">
<i class="icon-left ion-android-list"> Label</i>
</a>
<a class="button button-light" ng-class="{active: activeTab == 1}" ng-click="activeTab = 1">
<i class="icon-left ion-chatboxes"> Chats</i>
</a>
<a class="button button-light" ng-class="{active: activeTab == 2}" ng-click="activeTab = 2">
<i class="icon-left ion-images"> Gallery</i>
</a>
</div>
</div>
<ion-content class="has-subheader" >