diff --git a/src/components/ion-tabs/core-ion-tabs.html b/src/components/ion-tabs/core-ion-tabs.html
index 5a4dda4b3..64b7f007e 100644
--- a/src/components/ion-tabs/core-ion-tabs.html
+++ b/src/components/ion-tabs/core-ion-tabs.html
@@ -7,7 +7,7 @@
         </span>
     </div>
 </div>
-<div #originalTabs class="tabcontent">
+<div #originalTabs class="tabcontent" [class.tabshidden]="hidden">
     <ng-content></ng-content>
 </div>
 <div #portal tab-portal></div>
diff --git a/src/components/ion-tabs/ion-tabs.scss b/src/components/ion-tabs/ion-tabs.scss
index e64b20c00..a2dec8b91 100644
--- a/src/components/ion-tabs/ion-tabs.scss
+++ b/src/components/ion-tabs/ion-tabs.scss
@@ -27,6 +27,9 @@ ion-app.app-root core-ion-tabs {
         .ion-page > ion-content > .scroll-content {
             margin-bottom: $navbar-md-height;
         }
+        .tabshidden .ion-page > ion-content > .scroll-content {
+            margin-bottom: 0;
+        }
     }
 
     &[tabsplacement="side"] {