diff --git a/web/src/components/blocks/richTextBlock.module.scss b/web/src/components/blocks/richTextBlock.module.scss
index cb3f55c..12857d6 100644
--- a/web/src/components/blocks/richTextBlock.module.scss
+++ b/web/src/components/blocks/richTextBlock.module.scss
@@ -67,7 +67,7 @@
         font-weight: 500;
         color: var(--color-chateauBlue);
         border-radius: 1em;
-        background: var(--color-placeholder);
+        background: var(--color-neufPink);
         width: 1.5em;
         height: 1.5em;
         text-align: center;
diff --git a/web/src/components/events/DateList.tsx b/web/src/components/events/DateList.tsx
index fa881a3..c707c4f 100644
--- a/web/src/components/events/DateList.tsx
+++ b/web/src/components/events/DateList.tsx
@@ -3,33 +3,42 @@ import styles from "./dateList.module.scss";
 export const DateList = () => {
   return (
     <div className={styles.dateWrapper}>
-      <h2>Kommende datoer</h2>
+      <h2 className="suphead">Kommende datoer</h2>
       <ul className={styles.dateList}>
         <li className={styles.date}>
           <div className={styles.time}>
-            <span>27. mai 2024</span>
+            <span>27/05/2024</span>&nbsp;
             <span>18.00</span>
           </div>
           <div className={styles.venue}>
-            <span>Lokale</span>
+            <span>Storsalen</span>
           </div>
         </li>
         <li className={styles.date}>
           <div className={styles.time}>
-            <span>27. mai 2024</span>
-            <span>18.00</span>
-          </div>
-          <div className={styles.venue}>
-            <span>Lokale</span>
+            <span>Mandag 27. mai 2024</span>&nbsp;
+            <span>kl. 18.00</span>
+            <div className={styles.venue}>
+              <span>i Storsalen</span>
+            </div>
           </div>
         </li>
         <li className={styles.date}>
           <div className={styles.time}>
-            <span>27. mai 2024</span>
-            <span>18.00</span>
+            <span>27. mai 2024</span>&nbsp;
+            <span>kl. 18.00</span>
           </div>
           <div className={styles.venue}>
-            <span>Lokale</span>
+            <span>Storsalen</span>
+          </div>
+        </li>
+        <li className={styles.date}>
+          <div className={styles.venue}>
+            <span>Storsalen</span>
+          </div>
+          <div className={styles.time}>
+            <span>27.05.2024</span>&nbsp;
+            <span>18.00</span>
           </div>
         </li>
       </ul>
diff --git a/web/src/components/events/dateList.module.scss b/web/src/components/events/dateList.module.scss
index cfcba1b..969dcce 100644
--- a/web/src/components/events/dateList.module.scss
+++ b/web/src/components/events/dateList.module.scss
@@ -1,8 +1,36 @@
 .dateList {
   list-style: none;
-  margin-bottom: var(--spacing-sitepadding);
+  margin: 1rem 0 var(--spacing-sitepadding);
+  display: flex;
+  gap: var(--spacing-gap-column);
 }
 
 .date {
-  background: var(--color-goldenBeige);
+  font-family: var(--font-serif);
+  font-size: var(--font-size-lead);
+  margin-bottom: 1rem;
+  padding-left: 4rem;
+  position: relative;
+  min-height: 3.2rem;
+  line-height: 1.2;
+
+  &:before {
+    content: "";
+    display: block;
+    width: 3.2rem;
+    height: 3.2rem;
+    border-radius: 100%;
+    background: var(--color-goldenBeige);
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+}
+
+.time {
+  width: 100%;
+}
+
+.venue {
+  font-style: italic;
 }
\ No newline at end of file
diff --git a/web/src/components/events/eventHeader.module.scss b/web/src/components/events/eventHeader.module.scss
index 3faf4bc..34897dc 100644
--- a/web/src/components/events/eventHeader.module.scss
+++ b/web/src/components/events/eventHeader.module.scss
@@ -23,6 +23,7 @@
 
 .details {
   font-family: var(--font-serif);
+  font-size: var(--font-size-lead);
 }
 
 .pig {