diff --git a/src/assets/css/global/utilities/region.css b/src/assets/css/global/utilities/region.css
index 4103cc4..9cef866 100644
--- a/src/assets/css/global/utilities/region.css
+++ b/src/assets/css/global/utilities/region.css
@@ -4,7 +4,7 @@
  * Can either be configured by setting --region-space or use a default from the space scale
  */
 .region {
-  --region-space-fallback: var(--region-space, var(--space-xl-2xl));
+  --region-space-fallback: var(--region-space, var(--space-l-xl));
 
   padding-block-start: var(--region-space-top, var(--region-space-fallback));
   padding-block-end: var(--region-space-bottom, var(--region-space-fallback));
diff --git a/src/pages/index.njk b/src/pages/index.njk
index 89202a6..7159d09 100644
--- a/src/pages/index.njk
+++ b/src/pages/index.njk
@@ -44,7 +44,7 @@ blog:
         <p>{{ blog.intro }}</p>
       {% endif %}
 
-      <div class="feature |  region">
+      <div class="feature |  region region-space-l">
         <custom-masonry layout="50-50">
           <!-- loop posts -->
           {% set itemList = collections.allPosts %}