Issue #3200595 by Gauravmahlawat, imalabya, mherchel: Olivero's mobile menu...

Issue #3200595 by Gauravmahlawat, imalabya, mherchel: Olivero's mobile menu focus outline is not centered around the hambuger icon

core/themes/olivero/css/components/navigation/nav-button-mobile.css

@@ -19,27 +19,27 @@
 }
 
 [dir="ltr"] .mobile-nav-button {
-  margin-right: -0.5625rem
+  margin-right: -0.375rem
 }
 
 [dir="rtl"] .mobile-nav-button {
-  margin-left: -0.5625rem
+  margin-left: -0.375rem
 }
 
 [dir="ltr"] .mobile-nav-button {
-  padding-left: 0
+  padding-left: 0.375rem
 }
 
 [dir="rtl"] .mobile-nav-button {
-  padding-right: 0
+  padding-right: 0.375rem
 }
 
 [dir="ltr"] .mobile-nav-button {
-  padding-right: 0.5625rem
+  padding-right: 0.375rem
 }
 
 [dir="rtl"] .mobile-nav-button {
-  padding-left: 0.5625rem
+  padding-left: 0.375rem
 }
 
 .mobile-nav-button {

core/themes/olivero/css/components/navigation/nav-button-mobile.pcss.css

@@ -14,10 +14,10 @@
   width: var(--sp2);
   height: var(--sp2);
   margin-inline-start: auto;
-  margin-inline-end: calc(-1 * var(--sp0-5));
+  margin-inline-end: -6px;
   padding-block: 0;
-  padding-inline-start: 0;
-  padding-inline-end: var(--sp0-5);
+  padding-inline-start: 6px;
+  padding-inline-end: 6px;
   cursor: pointer;
   border: none;
   background: transparent;