diff --git a/sass/homeassistant/base/_navigation.scss b/sass/homeassistant/base/_navigation.scss
index e179f2a21d7..8a9dd2dd4ab 100644
--- a/sass/homeassistant/base/_navigation.scss
+++ b/sass/homeassistant/base/_navigation.scss
@@ -184,14 +184,14 @@ header .grid {
     @include box-sizing(border-box);
     @include transition(all 0.5s linear);
     content: "☰";
-    display: inline-block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 32px;
     height: 32px;
-    padding: 4px 9px;
     background: $primary-color;
     text-align: center;
     font-family: $sans-serif;
-    font-size: 16px;
     color: $white;
     white-space: nowrap;
     border-radius: 24px;
@@ -203,6 +203,7 @@ header .grid {
 
   #toggle:checked + .toggle::after {
     content: attr(data-close);
+    padding-bottom: 2px;
   }
 
   /* submenus */