diff --git a/templates/shortcodes/hero_section.html b/templates/shortcodes/hero_section.html
index 5bc92806759bb8caa1d81dec6b2aba209a1ab858..4dc7b453ce8be9ecebda37020e1c15edc5827fc9 100644
--- a/templates/shortcodes/hero_section.html
+++ b/templates/shortcodes/hero_section.html
@@ -5,7 +5,7 @@
   {% endif -%}
   <div class="hero-body">
     <div class="container has-text-centered">
-      <h1 class="title">{{ title | default(value=page.title) | safe }}</h1>
+      <h1 class="title is-1 mb-5">{{ title | default(value=page.title) | safe }}</h1>
       {% if body or page.description %}<p class="subtitle">{{ body | default(value=page.description) | safe }}</p>{% endif -%}
     </div>
   </div>