diff --git a/ionic/components/nav-bar/extensions/ios.scss b/ionic/components/nav-bar/extensions/ios.scss
index d92198dd30..537b138e3f 100644
--- a/ionic/components/nav-bar/extensions/ios.scss
+++ b/ionic/components/nav-bar/extensions/ios.scss
@@ -33,15 +33,15 @@ $navbar-ios-button-background-color:       transparent !default;
     bottom: auto;
   }
 
-  .navbar-title {
+  .toolbar-title {
     order: map-get($navbar-order-ios, 'title');
   }
 
-  .navbar-primary-item {
+  .toolbar-primary-item {
     order: map-get($navbar-order-ios, 'primary');
   }
 
-  .navbar-secondary-item {
+  .toolbar-secondary-item {
     order: map-get($navbar-order-ios, 'secondary');
   }
 
diff --git a/ionic/components/nav-bar/nav-bar.scss b/ionic/components/nav-bar/nav-bar.scss
index 1ca46421c8..3eb9f41539 100644
--- a/ionic/components/nav-bar/nav-bar.scss
+++ b/ionic/components/nav-bar/nav-bar.scss
@@ -4,8 +4,16 @@
 
 
 ion-navbar {
-  @extend ion-toolbar;
   position: absolute;
+  width: 100%;
+  height: 100%;
+  min-height: 4.4rem;
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  order: $flex-order-toolbar-top;
 
   transform: translate3d(100%, 0px, 0px);
   &.show-navbar {