fix header button

assets/sass/_theme/design-system/header.sass

@@ -26,47 +26,7 @@ header[role="banner"]
         @include media-breakpoint-up(md)
             &:not(:hover)
                 transform: translateY(-100%)
-    nav[role="navigation"]
-        padding-bottom: $header-nav-padding-y
-        padding-top: $header-nav-padding-y
-        .container
-            align-items: center
-            display: flex
-            flex-wrap: wrap
-            justify-content: space-between
-        button[type="button"]
-            @include button-reset
-            display: none
-            border: 0
-            color: $body-color
-            position: relative
-            @include media-breakpoint-down(md)
-                display: flex
-                align-items: center
-            &:focus
-                box-shadow: none
-            &:focus-visible
-                outline-color: gray
-                outline-offset: 5px
-                outline-style: dashed
-                outline-width: 1px
-            span:first-of-type
-                font-size: px2rem(14)
-                text-transform: uppercase
-            span:last-of-type
-                @include icon("burger", before)
-                background: none
-                height: calc(1.063rem + .3125rem * 2)
-                padding: px2rem(5) 0 px2rem(5) px2rem(5)
-                width: calc(1.5rem + .3125rem)
-                &::before
-                    font-size: px2rem(17)
-                    vertical-align: top
-            &[aria-expanded="true"]
-                span:last-of-type
-                    &::before
-                        content: map-get($icons, "close")
-
+    
     .logo
         img
             height: $header-logo-height

assets/sass/_theme/design-system/nav.sass

@@ -167,6 +167,50 @@ body
             visibility: inherit
             opacity: 0
 
+header[role="banner"]
+    nav[role="navigation"]
+        padding-bottom: $header-nav-padding-y
+        padding-top: $header-nav-padding-y
+        .container
+            align-items: center
+            display: flex
+            flex-wrap: wrap
+            justify-content: space-between
+        button[type="button"]
+            @include button-reset
+            display: none
+            border: 0
+            color: $body-color
+            padding: 0
+            position: relative
+            @include media-breakpoint-down(md)
+                display: flex
+                align-items: center
+            &:focus
+                box-shadow: none
+            &:focus-visible
+                outline-color: gray
+                outline-offset: 5px
+                outline-style: dashed
+                outline-width: 1px
+            span:first-of-type
+                font-size: px2rem(14)
+                text-transform: uppercase
+            span:last-of-type
+                @include icon("burger", before)
+                background: none
+                height: calc(1.063rem + .3125rem * 2)
+                padding: px2rem(5) 0 px2rem(5) px2rem(5)
+                width: calc(1.5rem + .3125rem)
+                &::before
+                    font-size: px2rem(17)
+                    vertical-align: top
+            &[aria-expanded="true"]
+                span:last-of-type
+                    &::before
+                        content: map-get($icons, "close")
+
+
 .share
     display: flex
     list-style: none