diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss
index bbaa047786..c939b0da4e 100644
--- a/scss/_scaffolding.scss
+++ b/scss/_scaffolding.scss
@@ -304,6 +304,9 @@ ion-infinite-scroll.active .scroll-infinite {
 .has-footer {
   bottom: $bar-height;
 }
+.has-subfooter {
+  bottom: $bar-height * 2;
+}
 
 .has-tabs,
 .bar-footer.has-tabs {