diff --git a/src/components/Headline/Headline.svelte b/src/components/Headline/Headline.svelte
index 9dbc3751..e1c71f4b 100644
--- a/src/components/Headline/Headline.svelte
+++ b/src/components/Headline/Headline.svelte
@@ -98,11 +98,11 @@
         {/if}
         {#if $$slots.dek}
           <!-- Dek named slot-->
-          <div class="dek fmx-auto fmb-5">
+          <div class="dek fmx-auto fmb-6">
             <slot name="dek" />
           </div>
         {:else if dek}
-          <div class="dek fmx-auto fmb-5">
+          <div class="dek fmx-auto fmb-6">
             {@html marked(dek)}
           </div>
         {/if}
@@ -112,7 +112,7 @@
         <slot name="byline" />
       {:else if authors.length > 0 || publishTime}
         <Byline
-          class="fmy-3"
+          class="fmy-4"
           authors="{authors}"
           publishTime="{publishTime}"
           updateTime="{updateTime}"
diff --git a/src/components/HeroHeadline/Hero.svelte b/src/components/HeroHeadline/Hero.svelte
index 353c40b3..40f1756e 100644
--- a/src/components/HeroHeadline/Hero.svelte
+++ b/src/components/HeroHeadline/Hero.svelte
@@ -109,7 +109,7 @@
 </script>
 
 <div style="--heroHeight: {embedded ? '850px' : '100svh'}; display:contents;">
-  <div class="hero-wrapper fmb-7" class:embedded="{embedded}">
+  <div class="hero-wrapper fmb-6" class:embedded="{embedded}">
     <!-- Background media hero-->
     {#if $$slots.background || img}
       <Block width="fluid" class="hero-headline background-hero fmt-0">
@@ -202,7 +202,7 @@
   </div>
 </div>
 
-<div class="hero-byline fmb-5">
+<div class="hero-byline fmb-6">
   {#if $$slots.byline}
     <!-- Custom byline/dateline -->
     <slot name="byline" />