List overlaps tabs

ionic-v1
1

I have a side menu, and a side menu content.
In the side menu content I have ion-tabs.
The content in the tab is overlaps the tabs as you can see in the picture.

image
ionic.png720×1280 64.1 KB

I saw the codepen example
But it didn’t help.

Here is my code:

THE SIDE-MENU WHICH CONTAINS THE TABS:




<!-- Center content -->
<ion-side-menu-content>
    <div ng-switch on="state">
        <location-board ng-switch-when="location">Location</location-board>
        <asset-board ng-switch-when="location.asset">Asset</asset-board>
        <asset-measure-board ng-switch-when="location.asset.assetMeasure">AssetMeasure</asset-measure-board>
    </div>
</ion-side-menu-content>

AND THE TABS:

<ion-tabs class="tabs-icon-top tabs-positive">
  <ion-tab title="Location Information" icon-on="ion-ios-information" icon-off="ion-ios-information-outline">
    <ion-content has-header="true" padding="true">
        <label class="item item-input">
            <span class="input-label">Name</span>
            <span class="input-label">{{info.Name}}</span>
        </label>

Do you have any idea ?