From 4798fc6d4189ccd43d581588b0db69d2a5d5c11a Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Thu, 12 Sep 2024 16:23:52 +0200
Subject: [PATCH] Fix mobile menu button content (#34703)

---
 sass/homeassistant/base/_navigation.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

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 */