diff --git a/public/style.css b/public/style.css
index 7ea9b459..ccc5273d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8779,7 +8779,7 @@ header .submenu {
   position: absolute;
   left: 0;
   right: 0;
-  z-index: 1;
+  z-index: 100;
   min-width: 10rem;
   border-top-style: solid;
   border-bottom-style: solid; }
diff --git a/src/rawdata/scss/_header.scss b/src/rawdata/scss/_header.scss
index c799e9bc..33f4cd9a 100644
--- a/src/rawdata/scss/_header.scss
+++ b/src/rawdata/scss/_header.scss
@@ -90,7 +90,7 @@ header {
     position: absolute;
     left: 0;
     right: 0;
-    z-index: 1;
+    z-index: 100;
     min-width: 10rem;
     border-top-style: solid;
     border-bottom-style: solid;
diff --git a/src/templates/src/include/header.html b/src/templates/src/include/header.html
index 300d2f3d..76626860 100644
--- a/src/templates/src/include/header.html
+++ b/src/templates/src/include/header.html
@@ -27,7 +27,7 @@
     </div>
 	<div class="menu-bar flex flex-column flex-row-ns justify-between {{ if .IsProjectPage }}project{{ end }}">
         <div class="flex flex-column flex-row-ns items-center">
-            {{ $itemsClass := "items flex items-center justify-center justify-start-ns ml2-ns ml3-l" }}
+            {{ $itemsClass := "items self-stretch flex items-center justify-center justify-start-ns ml2-ns ml3-l" }}
             {{ if .Header.Project }}
                 <a href="{{ .Header.HMNHomepageUrl }}" class="hmn-logo small bg-theme-dark">
                     <div>Hand</div>