diff --git a/sass/_menu.scss b/sass/_menu.scss
index 68c5488f61831eb1d7ea05b15cb43d9a32bc610f..7b98d0200ae9ef5dbedd76740968e4101e50b1bf 100644
--- a/sass/_menu.scss
+++ b/sass/_menu.scss
@@ -11,17 +11,20 @@
 .navbar .navbar-toggle:checked {
     &+.navbar-brand .navbar-burger {
         & span:nth-child(1) {
-            -webkit-transform: translateY(5px) rotate(45deg);
-            transform: translateY(5px) rotate(45deg);
+            -webkit-transform:  rotate(45deg);
+            transform: translateY(0px) rotate(45deg);
         }
 
         & span:nth-child(2) {
             opacity: 0;
         }
-
         & span:nth-child(3) {
-            -webkit-transform: translateY(-5px) rotate(-45deg);
-            transform: translateY(-5px) rotate(-45deg);
+            opacity: 0;
+        }
+
+        & span:nth-child(4) {
+            -webkit-transform:  rotate(-45deg);
+            transform: translateY(-6px) rotate(-45deg);
         }
     }
 
@@ -73,4 +76,12 @@
   #navbar-logo > img {
     filter: saturate(0) brightness(0) invert(1);
   }
+  #navbar-logo > img:hover {
+    filter: none;
+  }
+}
+
+// FIXME: https://github.com/jgthms/bulma/issues/3757
+.navbar-burger {
+    color: white !important;
 }
diff --git a/templates/menu.html b/templates/menu.html
index e5d474476a7cd9287e55bd4d44dd1a3a7af0d079..5083e4da0efda93f201eb33c36cc58f68ee61139 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -11,6 +11,7 @@
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
         </label>
     </div>