From c7f00aca4da4d78f091fd617d7fbdf3cce5f8ad6 Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Mon, 1 Sep 2025 07:28:48 +0000
Subject: [PATCH] Merged in fix/SW-2844-fix-gap-mobile-menu (pull request
 #2732)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(SW-2844): remove gap mobile safari


Approved-by: Joakim Jäderberg
Approved-by: Hrishikesh Vaipurkar
---
 apps/partner-sas/globals.css                                  | 2 +-
 apps/scandic-web/app/globals.css                              | 2 +-
 .../Header/MainMenu/MobileMenu/mobileMenu.module.css          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/partner-sas/globals.css b/apps/partner-sas/globals.css
index 494728be1..dd827f06d 100644
--- a/apps/partner-sas/globals.css
+++ b/apps/partner-sas/globals.css
@@ -15,7 +15,7 @@
   );
 
   --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
-  --main-menu-mobile-height: 75px;
+  --main-menu-mobile-height: 73px;
   --main-menu-desktop-height: 125px;
   --booking-widget-mobile-height: 75px;
   --booking-widget-tablet-height: 150px;
diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css
index 494728be1..dd827f06d 100644
--- a/apps/scandic-web/app/globals.css
+++ b/apps/scandic-web/app/globals.css
@@ -15,7 +15,7 @@
   );
 
   --sitewide-alert-height: 0px; /* Will be overridden when a sitewide alert is visible */
-  --main-menu-mobile-height: 75px;
+  --main-menu-mobile-height: 73px;
   --main-menu-desktop-height: 125px;
   --booking-widget-mobile-height: 75px;
   --booking-widget-tablet-height: 150px;
diff --git a/apps/scandic-web/components/Header/MainMenu/MobileMenu/mobileMenu.module.css b/apps/scandic-web/components/Header/MainMenu/MobileMenu/mobileMenu.module.css
index 6209285f0..8843d4030 100644
--- a/apps/scandic-web/components/Header/MainMenu/MobileMenu/mobileMenu.module.css
+++ b/apps/scandic-web/components/Header/MainMenu/MobileMenu/mobileMenu.module.css
@@ -13,7 +13,7 @@
   border: none;
   cursor: pointer;
   justify-self: flex-start;
-  padding: 11px 8px 16px;
+  padding: 19px 8px 18px;
   user-select: none;
 }
 
@@ -22,7 +22,7 @@
 .bar::before {
   background: var(--Base-Text-High-contrast);
   border-radius: 2.3px;
-  display: inline-block;
+  display: block;
   height: 3px;
   position: relative;
   transition: all 0.3s;