diff --git a/components/Hero/src/index.scss b/components/Hero/src/index.scss
index dac3dd513e..59242da761 100644
--- a/components/Hero/src/index.scss
+++ b/components/Hero/src/index.scss
@@ -101,6 +101,14 @@
     height: calc(100% - (2 * var(--denhaag-hero-theme-page-content-after-height)));
     transform: translateY(var(--denhaag-hero-theme-page-content-transform, 0));
   }
+
+  .denhaag-link--with-icon {
+    align-items: flex-start;
+
+    .denhaag-link__label {
+      margin-block-start: 2px;
+    }
+  }
 }
 
 .denhaag-hero--theme-page .denhaag-hero__text {
diff --git a/components/Hero/src/stories/bem.stories.mdx b/components/Hero/src/stories/bem.stories.mdx
index 675ee37990..d0ad8a8c88 100644
--- a/components/Hero/src/stories/bem.stories.mdx
+++ b/components/Hero/src/stories/bem.stories.mdx
@@ -258,7 +258,7 @@ export const heroImage = (h, w, id = "photo-1513384312027-9fa69a360337") =>
                 />
               </svg>
             </span>
-            <span class="denhaag-link__label">Link with icon before</span>
+            <span class="denhaag-link__label">Link with icon before, which might spread to two lines</span>
           </a>
         </div>
       </div>