diff --git a/ionic/components/app/structure.scss b/ionic/components/app/structure.scss
index 0c75e83f28..dc80ae3891 100644
--- a/ionic/components/app/structure.scss
+++ b/ionic/components/app/structure.scss
@@ -13,8 +13,8 @@ html {
   margin: 0;
   padding: 0;
 
-  .nav {
-    // container of many .nav-views, each .nav-view contains one view
+  ion-nav {
+    // container of header.toolbar-container, footer.toolbar-container and .nav-item-container
     position: absolute;
     top: 0;
     right: 0;
@@ -34,6 +34,7 @@ html {
     min-height: 50px;
     @include flex-order($flex-order-toolbar-top);
   }
+
   footer.toolbar-container {
     @include flex-order($flex-order-toolbar-bottom);
   }
diff --git a/ionic/components/nav/nav-base.js b/ionic/components/nav/nav-base.js
index 7da9a36078..08cd5314e4 100644
--- a/ionic/components/nav/nav-base.js
+++ b/ionic/components/nav/nav-base.js
@@ -9,7 +9,6 @@ export class NavBase {
     element: NgElement
   ) {
     this.domElement = element.domElement;
-    this.domElement.classList.add('nav');
 
     // this is our sane stack of items. This is synchronous and says an item
     // is removed even if it's still animating out.
diff --git a/ionic/components/tabs/test/advanced/main.html b/ionic/components/tabs/test/advanced/main.html
index 292a5bf2be..e619e3aa37 100644
--- a/ionic/components/tabs/test/advanced/main.html
+++ b/ionic/components/tabs/test/advanced/main.html
@@ -3,7 +3,7 @@
   Hello! I'm a side menu in the root.
 </ion-aside> -->
 
-<ion-nav #viewport [initial]="initial">
+<ion-nav [initial]="initial">
 </ion-nav>