diff --git a/src/stories/Library/event-header/EventHeader.tsx b/src/stories/Library/event-header/EventHeader.tsx
index d7755918b..974b1530f 100644
--- a/src/stories/Library/event-header/EventHeader.tsx
+++ b/src/stories/Library/event-header/EventHeader.tsx
@@ -12,13 +12,11 @@ const EventHeader: FC<EventHeaderProps> = ({ title, date, image }) => {
   return (
     <header className="event-header">
       <section className="event-header__content">
-        <div className="event-header__extra-padding">
-          <Tag hasBackground className="event-header__tag">
-            udstilling
-          </Tag>
-          <time className="event-header__date">{date}</time>
-          <h1 className="event-header__title">{title}</h1>
-        </div>
+        <Tag hasBackground className="event-header__tag">
+          Udstilling
+        </Tag>
+        <time className="event-header__date">{date}</time>
+        <h1 className="event-header__title">{title}</h1>
         <a
           href="/"
           className="btn-primary btn-filled btn-large event-header__button"
diff --git a/src/stories/Library/event-header/event-header.scss b/src/stories/Library/event-header/event-header.scss
index 3b580f452..a194d8c81 100644
--- a/src/stories/Library/event-header/event-header.scss
+++ b/src/stories/Library/event-header/event-header.scss
@@ -19,14 +19,23 @@
   }
 }
 
-.event-header__extra-padding {
-  padding: 0 $s-3xl;
+.event-header__content {
+  display: grid;
+  grid-template-columns: $s-3xl 1fr $s-3xl;
+  grid-template-areas:
+    ". tag  ."
+    ". date  ."
+    ". title  ."
+    "btn btn btn";
+
   @include breakpoint-s {
-    padding: 0;
+    grid-template-columns: 1fr;
   }
 }
 
 .event-header__tag {
+  grid-area: tag;
+  width: max-content;
   margin: $s-md 0;
   @include breakpoint-s {
     margin: $s-lg 0;
@@ -34,6 +43,7 @@
 }
 
 .event-header__date {
+  grid-area: date;
   @extend %text-header-h4;
   display: block;
   margin-bottom: $s-md;
@@ -43,6 +53,7 @@
 }
 
 .event-header__title {
+  grid-area: title;
   @extend %text-header-h1;
   margin-bottom: $s-xl;
   @include breakpoint-s {
@@ -51,6 +62,7 @@
 }
 
 .event-header__button {
+  grid-area: btn;
   width: 100%;
   text-decoration: none;
   @include breakpoint-s {