From 525ec2bc26327a77ac8aeec4c962c2482934d643 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Sun, 5 May 2024 06:15:41 +0900
Subject: [PATCH] Issue #3440223 by bronzehedwick, ahsannazir, jwitkowski79,
 adwivedi008: Incorrect padding on child menu items

(cherry picked from commit 91b4cf23b37e336f2feac9117b56ca5e7a965e8c)
---
 core/modules/navigation/css/components/toolbar-button.css   | 6 +++---
 .../navigation/css/components/toolbar-button.pcss.css       | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/modules/navigation/css/components/toolbar-button.css b/core/modules/navigation/css/components/toolbar-button.css
index a776e558617..d94ac1049de 100644
--- a/core/modules/navigation/css/components/toolbar-button.css
+++ b/core/modules/navigation/css/components/toolbar-button.css
@@ -24,8 +24,8 @@
 .toolbar-button {
   z-index: 1;
   align-items: center;
-  padding-inline: var(--admin-toolbar-space-16) var(--admin-toolbar-space-12);
-  padding-block: calc(0.625 * var(--admin-toolbar-rem));
+  padding-inline: var(--admin-toolbar-space-16);
+  padding-block: calc(0.75 * var(--admin-toolbar-rem));
   cursor: pointer;
   text-align: start;
   -webkit-text-decoration: none;
@@ -87,7 +87,7 @@
 [class*="toolbar-button--icon"] {
   --icon: url("data:image/svg+xml,%3csvg width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e  %3cpath d='M19.5 3H4.5C4.10218 3 3.72064 3.15804 3.43934 3.43934C3.15804 3.72064 3 4.10218 3 4.5V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21H19.5C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V4.5C21 4.10218 20.842 3.72064 20.5607 3.43934C20.2794 3.15804 19.8978 3 19.5 3ZM4.5 19.5V5.56031L18.4397 19.5H4.5ZM5.56031 4.5H19.5V18.4406L5.56031 4.5Z' fill='currentColor'/%3e%3c/svg%3e"); /* Default icon, aka --basic */
 
-  padding-inline: calc(0.625 * var(--admin-toolbar-rem));
+  padding-inline: calc(0.75 * var(--admin-toolbar-rem));
 }
 [class*="toolbar-button--icon"]::before {
   display: block;
diff --git a/core/modules/navigation/css/components/toolbar-button.pcss.css b/core/modules/navigation/css/components/toolbar-button.pcss.css
index b56d7b882c2..ece800bd2db 100644
--- a/core/modules/navigation/css/components/toolbar-button.pcss.css
+++ b/core/modules/navigation/css/components/toolbar-button.pcss.css
@@ -22,8 +22,8 @@
 .toolbar-button {
   z-index: 1;
   align-items: center;
-  padding-inline: var(--admin-toolbar-space-16) var(--admin-toolbar-space-12);
-  padding-block: calc(0.625 * var(--admin-toolbar-rem));
+  padding-inline: var(--admin-toolbar-space-16);
+  padding-block: calc(0.75 * var(--admin-toolbar-rem));
   cursor: pointer;
   text-align: start;
   text-decoration: none;
@@ -94,7 +94,7 @@
 [class*="toolbar-button--icon"] {
   --icon: url(../../assets/icons/basic.svg); /* Default icon, aka --basic */
 
-  padding-inline: calc(0.625 * var(--admin-toolbar-rem));
+  padding-inline: calc(0.75 * var(--admin-toolbar-rem));
 
   &::before {
     display: block;