Drawer navbar duplicating when transition takes place

[nica0012]

Version:
4.0.0-beta.28

Expected behaviour:
Drawer only available to access on one scene (initial page after login)

Actual behaviour:
I have the drawer wrapped around my initial scene, and it correctly shows only on that scene, but when I navigate there is a weird glitch in the navbar. The drawer navbar duplicates only when the transition is happening.

Code:

    <Scene key="auth">
      <Scene
        key="login"
        component={LoginForm}
        initial
        hideNavBar
      />
    </Scene>

  <Scene key="main">

      <Drawer
        hideNavBar
        key="drawer"
        contentComponent={DrawerContent}
        drawerImage={MenuIcon}
        drawerWidth={300}
      >
        <Scene
          key="StringListList"
          component={StringList}
          renderTitle={() => { return <AppLogo />; }}
          panHandlers={null}
          navigationBarStyle={styles.stringListNav}
        />
      </Drawer>

        <Scene
            key="StringDetails"
            component={StringDetail}
            title="Specs"
            navigationBarStyle={styles.stringListNav}
        />
        <Scene
            key="adjustScale"
            component={AdjustScale}
            title="String Adjustment"
        />
        <Scene
            key="themes"
            component={Themes}
            title="Themes"
            backTitle=' '
        />
      </Scene>

  </Scene>
</Router>

);
}