diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index eb361c3e0f1e477e451a66c8066f5a66e1b50391..e861e1bd9b670b18526912f909da492befb0f649 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/assets/sass/_theme/design-system/hero.sass
@@ -53,18 +53,21 @@
                 position: absolute
                 right: 0
                 top: 0
-                padding: half($spacing0) $spacing0
                 background: $color-background-alt
+                text-align: center
+                line-height: px2rem(30)
+                width: px2rem(30)
+                height: px2rem(30)
                 display: block
             p
                 background: $color-background-alt
                 display: none
-                padding: half($spacing0) $spacing0
+                padding: 0 half($spacing0)
+                padding-right: $spacing2
             &:focus, &:hover
                 p
                     display: block
 
-
     @include media-breakpoint-down(desktop)
         &--with-image
             padding-bottom: 0
diff --git a/layouts/partials/header/hero.html b/layouts/partials/header/hero.html
index 1994254a0280dfe4ddf8451524e1c83209e4f2c3..ccbe943aae713a2779a7eb32beefe9879a546c60 100644
--- a/layouts/partials/header/hero.html
+++ b/layouts/partials/header/hero.html
@@ -29,9 +29,7 @@
             ) }}
           {{ if .image.credit }}
             <figcaption tabindex="0">
-              <p>
-                {{- partial "PrepareHTML" .image.credit -}}
-              </p>
+              {{- partial "PrepareHTML" .image.credit -}}
             </figcaption>
           {{ end }}
         </figure>