diff --git a/src/components/app/structure.scss b/src/components/app/structure.scss
index 29de61797c..ea0b34c866 100644
--- a/src/components/app/structure.scss
+++ b/src/components/app/structure.scss
@@ -72,8 +72,12 @@ ion-tab scroll-cotent {
   display: none;
 }
 
+ion-tab {
+  transform: translateY(-200%);
+}
+
 ion-tab.show-tab {
-  z-index: $z-index-selected-tab;
+  transform: translateY(0);
 }
 
 ion-tab.show-tab scroll-cotent {
diff --git a/src/components/app/z-index.scss b/src/components/app/z-index.scss
index 6e919f5239..b73a6a4840 100644
--- a/src/components/app/z-index.scss
+++ b/src/components/app/z-index.scss
@@ -13,7 +13,6 @@ $z-index-scroll-content:         1;
 $z-index-refresher:              0;
 
 $z-index-page-container:         0;
-$z-index-selected-tab:           1;
 $z-index-toolbar:                10;
 $z-index-toolbar-background:     -1;