diff --git a/_includes/page__hero.html b/_includes/page__hero.html
index 6394189ab46d8c873ca338b3915c89dab28503b3..6172250f99145d3523f7f74faa67b0178649b363 100644
--- a/_includes/page__hero.html
+++ b/_includes/page__hero.html
@@ -43,13 +43,19 @@
 {% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %}
 
 <div class="page__hero{% if page.header.type == 'overlay' %}--overlay{% endif %}"
-  style="{% if page.header.type == 'overlay' %}{% if page.header.overlay_color
-  %}background-color: {{ page.header.overlay_color | default: 'transparent'
-  }};{% endif %} {% if page.header.overlay_image %}background-image: {% if
-  overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}),
-  {% endif %}url('{{ img_path }}');{% endif %}"
+  style="{% if page.header.type == 'overlay' %}
+          {% if page.header.overlay_color %}
+            background-color: {{ page.header.overlay_color | default: 'transparent' }};
+          {% endif %}
+          {% if page.header.overlay_image %}
+            background-image:
+            {% if overlay_filter %}
+              linear-gradient({{ overlay_filter }},
+            {{ overlay_filter }}),{% endif %}
+          {% endif %}url('{{ img_path }}');
+        {% endif %}"
 >
-
+    {% if page.header.type == "overlay" %}
     <div class="wrapper">
     {% if page.header.overlay_title %}
         <h1 id="page-title" class="page__title" itemprop="headline">