diff --git a/public/resources/css/module/_banner.scss b/public/resources/css/module/_banner.scss
index cc7a647238..f6ef6c6bd7 100644
--- a/public/resources/css/module/_banner.scss
+++ b/public/resources/css/module/_banner.scss
@@ -7,7 +7,7 @@
 .banner {
   background: $mist;
   padding: ($unit * 4) ($unit * 6);
-  min-height: $unit * 12;
+  min-height: $unit * 6;
 
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index 23c60f685c..db2a5bd33b 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -3,7 +3,7 @@ $hero-padding: ($unit * 10) ($unit * 6) ($unit * 5);
 .hero {
   position: relative;
   padding: $hero-padding;
-  height: 192px;
+  height: $unit * 8;
 
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),