diff --git a/hypha/static_src/src/sass/apply/components/_wrapper.scss b/hypha/static_src/src/sass/apply/components/_wrapper.scss
index 8bd755f43dafce46b53e16d3178c51b66e8eb0d8..026779c9fea00984707722c84679d77f0751a1b9 100644
--- a/hypha/static_src/src/sass/apply/components/_wrapper.scss
+++ b/hypha/static_src/src/sass/apply/components/_wrapper.scss
@@ -18,6 +18,7 @@
 
     &--main {
         padding: 0 $mobile-gutter;
+        min-height: calc(100vh - 260px - 160px);  // viewport - (header + footer)
 
         @include media-query(desktop) {
             padding: 0;
diff --git a/hypha/static_src/src/sass/public/components/_wrapper.scss b/hypha/static_src/src/sass/public/components/_wrapper.scss
index 428104817573f608a198d469fa7ae9753c26444f..8824a0d388f5d428448ae4c674c3e723f8df1464 100644
--- a/hypha/static_src/src/sass/public/components/_wrapper.scss
+++ b/hypha/static_src/src/sass/public/components/_wrapper.scss
@@ -18,6 +18,7 @@
 
     &--main {
         padding: 0 20px;
+        min-height: calc(100vh - 410px - 160px);
     }
 
     &--admin {
@@ -258,3 +259,7 @@
         z-index: 10;
     }
 }
+
+.header--light-bg ~ .wrapper--main {
+    min-height: calc(100vh - 260px - 160px);
+}