diff --git a/site/layouts/partials/header.html b/site/layouts/partials/header.html
index 56e5dd5fa..75ac939a0 100644
--- a/site/layouts/partials/header.html
+++ b/site/layouts/partials/header.html
@@ -12,7 +12,7 @@
         <div class="hamburger-icon">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
         </div>
-        <input class="hamburger-click" aria-label="site menu" type="checkbox" />
+        <input class="hamburger-click" aria-label="toggle site menu" aria-controls="primary-menu" type="checkbox" />
         <ul id="primary-menu" class="flex">
           {{ $currentPage := . }}
           {{ range .Site.Menus.nav }}
diff --git a/src/css/_navigation.scss b/src/css/_navigation.scss
index b0921a193..761f3f86c 100644
--- a/src/css/_navigation.scss
+++ b/src/css/_navigation.scss
@@ -140,18 +140,15 @@
   }
 }
 
-.site-header nav .sub-menu {
-  a {
-  }
-}
-
 .hamburger-click {
   cursor: pointer;
+  height: 45px;
+  width: 45px;
   opacity: 0.0;
   z-index: 2;
   position: absolute;
-  top: 36px;
-  right: 40px;
+  top: 20px;
+  right: 24px;
 }
 
 @media screen and (max-width: 825px) {