diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index b20e88a..44f4254 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -161,13 +161,16 @@ hr {
 
 #header {
     background-color: $coopcloud-pink;
-    padding: 10px;
+    padding: 2rem 1rem;
     margin: 0;
     gap: 2rem;
     @media (max-width: 1024px) { flex-direction: column; }
+
+    .logo { flex-grow: initial; }
     .nav-link {
         color: $text-color;
-        margin: 0.5rem;
+        margin: 1rem;
+        font-size: 1.5rem;
         text-transform: uppercase;
         &:hover { text-decoration: underline; }
     }
diff --git a/themes/coopcloud.tech/layouts/partials/header.html b/themes/coopcloud.tech/layouts/partials/header.html
index e3b5775..533bb43 100644
--- a/themes/coopcloud.tech/layouts/partials/header.html
+++ b/themes/coopcloud.tech/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <nav id="header" class="level is-mobile">
-  <a class="level-item has-text-centered" href="{{ .Site.BaseURL }}">
+  <a class="logo level-item has-text-centered" href="{{ .Site.BaseURL }}">
     <img src="/svg/coopcloud_logo_grey.svg" alt="CoopCloud Logo" style="height: 100px;">
   </a>
   <div>