diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index f9b1aeff3a91479e16e5edcb05c5bcdbf7835400..a2f77bd4d7c855e6fac766d5216e932cec6085e7 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/assets/sass/_theme/design-system/hero.sass
@@ -73,6 +73,12 @@
                     picture:last-child
                         margin-bottom: $spacing2
         &--image-portrait, &--image-square
+            .breadcrumb-nav
+                width: calc(#{col(9)} + #{half($grid-gutter)})
+                -webkit-mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                mask-image: linear-gradient(to right, black 0%, black 90%, transparent 100%)
+                .breadcrumb
+                    padding-right: 50px
             .content
                 h1
                     width: col(8)