diff --git a/package.json b/package.json
index 6c876d5f..611166a7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@eleven-labs/design-system",
   "description": "Design System for Eleven Labs",
-  "version": "0.30.3",
+  "version": "0.30.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/eleven-labs/design-system.git"
diff --git a/src/components/Organisms/Header/Header.scss b/src/components/Organisms/Header/Header.scss
index 1318b59b..ee5b1d02 100644
--- a/src/components/Organisms/Header/Header.scss
+++ b/src/components/Organisms/Header/Header.scss
@@ -23,6 +23,17 @@
     font-family: #{map-get-strict($token-variables, 'font-family', 'heading')};
     font-weight: #{map-get-strict($token-variables, 'font-weight', 'bold')};
     letter-spacing: 0.5px;
+
+    @include create-media-queries('md') {
+      margin: 0 #{map-get-strict($token-variables, 'spacing', 'xs')};
+      gap: #{map-get-strict($token-variables, 'spacing', 'm')};
+      font-weight: #{map-get-strict($token-variables, 'font-weight', 'bold')};
+    }
+
+    @include create-media-queries('lg') {
+      margin: 0;
+      gap: #{map-get-strict($token-variables, 'spacing', 'xl')};
+    }
   }
 
   &__menu-item {
@@ -50,17 +61,6 @@
       width: 100%;
       border-top: 0.5px solid #{map-get-strict($token-variables, 'color', 'secondary-dark')};
 
-      @include create-media-queries('md') {
-        margin: 0 #{map-get-strict($token-variables, 'spacing', 'xs')};
-        gap: #{map-get-strict($token-variables, 'spacing', 'm')};
-        font-weight: #{map-get-strict($token-variables, 'font-weight', 'bold')};
-      }
-
-      @include create-media-queries('lg') {
-        margin: 0;
-        gap: #{map-get-strict($token-variables, 'spacing', 'xl')};
-      }
-
       &--is-open {
         display: flex;
       }