diff --git a/ionic/components/app/structure.scss b/ionic/components/app/structure.scss
index 50e2fe30ea..c9e3b1238f 100644
--- a/ionic/components/app/structure.scss
+++ b/ionic/components/app/structure.scss
@@ -76,10 +76,12 @@ ion-pane {
 .navbar-container {
   position: relative;
   min-height: 4.4rem;
+  z-index: $z-index-navbar-container;
 }
 
 .content-container {
   position: relative;
+  z-index: $z-index-content-container;
   flex: 1;
   order: $flex-order-view-content;
 }
diff --git a/ionic/components/app/z-index.scss b/ionic/components/app/z-index.scss
index d0ba2b24d1..c227928cae 100644
--- a/ionic/components/app/z-index.scss
+++ b/ionic/components/app/z-index.scss
@@ -2,11 +2,15 @@
 // Z-Index
 // --------------------------------------------------
 
+$z-index-content-container:      5 !default;
+$z-index-navbar-container:       10 !default;
 
 $z-index-content:                1 !default;
 $z-index-swipe-handle:           5 !default;
+
 $z-index-toolbar-border:         20 !default;
 $z-index-list-border:            50 !default;
+
 $z-index-aside-overlay:          80 !default;
 $z-index-overlay:                1000 !default;
 $z-index-click-block:            9999 !default;