Ionic tabs with header buttons and base template

1

So I recently decided it was time to upgrade from 0.8x to the release candidate, and as expected, a lot of things broke. But there is one thing I havent figured out.

I have a base template that defines my side menu, and then in each view I define a header (the buttons and title change based on what page the user is on). I got it all working, except for a page where I also use tabs. Here is roughly what I have:

<ion-tabs class="tabs tabs-icon-top tabs-positive">
    <ion-tab title="Menu"
             icon-on="ion-compose"
             icon-off="ion-compose">
        
        <ion-view title='{{venueName}}'>
        
        <ion-header-bar class="bar-positive">
            <div class="buttons">
                <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
            </div>
            <h1 class="title">
                BUILD ORDER
            </h1>
            <div class="buttons">
                <button class="button button-icon icon"><img src="img/dodecki-logo-sans-r.svg" class = "vertical-align-header-image" height="26"/></button>
            </div>
        </ion-header-bar>
        
        <ion-content has-tabs="true">

And it continues like that for a while, but for some reason, the header gets really, really messed up. Like, half the header is correct, but the other half has the tabs (that should be at the bottom, there are two tabs on the page) overlayed on it, and nothing in ion-content actually shows up (its positioned off screen, according to chrome developer tools).

Anyone have any ideas for how to get ion-tabs to work with header buttons and a base template?