diff --git a/app/eventyay/orga/templates/orga/event/dashboard.html b/app/eventyay/orga/templates/orga/event/dashboard.html
index ebd2d00f21..dcf2177b16 100644
--- a/app/eventyay/orga/templates/orga/event/dashboard.html
+++ b/app/eventyay/orga/templates/orga/event/dashboard.html
@@ -26,10 +26,14 @@
         </div>
     {% endif %}
     <div id="main-title" class="d-md-flex justify-content-between">
-        <h2>
-            {{ request.event.name }}
-            <small class="text-muted small">{{ request.event.get_date_range_display }}</small>
-        </h2>
+        <div class="navigation-title">
+            <h2>
+                {{ request.event.name }}
+                <small class="event-date text-muted">
+                    {{ request.event.get_date_range_display }}
+                </small>
+            </h2>
+        </div>
         {% include "orga/event/component_link.html" %}
     </div>
     <div id="timeline-steps" class="stages">
diff --git a/app/eventyay/static/eventyay-common/scss/custom.scss b/app/eventyay/static/eventyay-common/scss/custom.scss
index d7d9d93133..6fd3a43e18 100644
--- a/app/eventyay/static/eventyay-common/scss/custom.scss
+++ b/app/eventyay/static/eventyay-common/scss/custom.scss
@@ -7,6 +7,7 @@
         font-size: 16px;
         font-weight: normal;
         border-radius: 0;
+        padding: 7px 7px;
     }
     .header-nav.active {
         background-color: $hover-button-color !important;
@@ -16,6 +17,8 @@
         display: flex;
         flex-wrap: wrap;
         align-items: center;
+        text-align: center;
+        font-weight: 200;
         .navigation-button {
             margin-left: auto;
         }
@@ -157,6 +160,18 @@
     }
 }
 
+@media (min-width: $screen-lg-min) {
+    #event-nav .navigation .navigation-button {
+        margin-top: 10px;
+    }
+}
+
+@media (max-width: $screen-sm-max) {
+    #event-nav .navigation {
+        margin-top: 18px;
+    }
+}
+
 @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
     .dashboard .widget-container.widget-small.no-padding.column {
         width: 100%;
diff --git a/app/eventyay/static/orga/css/_layout.css b/app/eventyay/static/orga/css/_layout.css
index 546eba901d..52d79a71cc 100644
--- a/app/eventyay/static/orga/css/_layout.css
+++ b/app/eventyay/static/orga/css/_layout.css
@@ -19,7 +19,7 @@ body {
   background: var(--color-bg);
   flex-grow: 1;
   max-width: 100%;
-  padding: 20px 40px;
+  padding: 18px 44px;
   margin: 0;
   margin-top: 50px;
   height: calc(100vh - 50px);
@@ -567,6 +567,9 @@ nav.navbar,
 .header-nav.btn-success,
 .header-nav .btn-success {
   border-radius: 0 !important;
+  font-size: 16px;
+  font-weight: normal;
+  padding: 6px 10px;
 }
 
 /* Navigation button hover, focus, and active states */
@@ -586,6 +589,33 @@ nav.navbar,
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
+#main-title {
+  display: flex;
+  flex-wrap: wrap;
+  font-weight: 200;
+  margin-bottom: 20px;
+}
+
+#main-title .navigation-button {
+  margin-left: auto;
+}
+
+#main-title .navigation-title {
+  text-align: center;
+}
+
+#main-title .navigation-title h2 {
+  font-size: 30px;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+#main-title .navigation-title h2 .event-date {
+  font-size: 65%;
+  font-weight: 400;
+  line-height: 1;
+}
+
 .speaker-info {
   display: flex;
   flex-direction: row;