From 225ed0a05f491366721efeef5cf5bd2a7e33ef75 Mon Sep 17 00:00:00 2001
From: nod_ <nod_@598310.no-reply.drupal.org>
Date: Mon, 24 Jun 2024 23:00:46 +0200
Subject: [PATCH] Issue #3450773 by ahsannazir, Kanchan Bhogade, Gauravvvv,
 kostyashupenko, smustgrave: Olivero: Incorrect positioning of close button on
 mobile device when navigation module is enabled

(cherry picked from commit 77b8e596048aac5becd5646423d015858cb280c3)
---
 core/themes/olivero/css/components/site-header.css      | 6 ++++++
 core/themes/olivero/css/components/site-header.pcss.css | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/core/themes/olivero/css/components/site-header.css b/core/themes/olivero/css/components/site-header.css
index 6dc7c5162ac..0cc3f984ede 100644
--- a/core/themes/olivero/css/components/site-header.css
+++ b/core/themes/olivero/css/components/site-header.css
@@ -110,3 +110,9 @@
   display: flex;
   justify-content: space-between;
 }
+
+/* Reset width set by layout.css */
+
+body.is-fixed .site-header__inner__container {
+  width: auto;
+}
diff --git a/core/themes/olivero/css/components/site-header.pcss.css b/core/themes/olivero/css/components/site-header.pcss.css
index 74774b15ce9..8bfd1f97cee 100644
--- a/core/themes/olivero/css/components/site-header.pcss.css
+++ b/core/themes/olivero/css/components/site-header.pcss.css
@@ -105,3 +105,8 @@ body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded)
   display: flex;
   justify-content: space-between;
 }
+
+/* Reset width set by layout.css */
+body.is-fixed .site-header__inner__container {
+  width: auto;
+}