diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index ea67d9cfda..6d2eddab20 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -9,6 +9,7 @@ $hero-padding: $unit * 2;
   screen and (max-device-width: $phone-breakpoint),
   screen and (max-width: $tablet-breakpoint) {
     height: auto;
+    padding-top: 40px;
   }
 
   &.is-large {