diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 12e8a18..bf9a6d5 100644
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -14,7 +14,7 @@
 <nav class="gblog-nav">
     <input type="checkbox" id="menu-control" class="hidden">
     <div class="gblog-nav__control">
-        <label for="menu-control"  class="flex align-center justify-center">
+        <label for="menu-control" class="flex align-center justify-center">
             <svg class="icon gblog_menu"><use xlink:href="#gblog_menu"></use></svg>
             <svg class="icon gblog_clear"><use xlink:href="#gblog_clear"></use></svg>
             <span>Nav</span>
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 64d477b..164ad02 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -13,6 +13,7 @@
       flex-direction: column;
       justify-content: center;
       max-height: 0;
+      visibility: hidden;
       overflow: hidden;
     }
 
@@ -70,6 +71,7 @@
 
 #menu-control:checked ~ .gblog-nav__list {
   max-height: 100%;
+  visibility: visible;
 }
 
 #menu-control:checked ~ .gblog-nav__control {