From 99e1dfcf7201057b6b7fc51e027df540b0222992 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@scandichotels.com>
Date: Fri, 10 Oct 2025 10:37:10 +0000
Subject: [PATCH] fix(BOOK-249): Added Typography around the back button inside
 the mobile menu to give the icon the correct color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Approved-by: Matilda Landström
Approved-by: Chuma Mcphoy (We Ahead)
---
 .../NavigationMenu/MegaMenu/index.tsx         | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
index bf1e9d6ac..714a5eca4 100644
--- a/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
+++ b/apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
@@ -38,20 +38,20 @@ export default function MegaMenu({
       <nav className={`${styles.megaMenu} ${isOpen ? styles.active : ""}`}>
         {isMobile ? (
           <div className={styles.backWrapper}>
-            <button
-              type="button"
-              className={styles.backButton}
-              onClick={() => toggleMegaMenu(false)}
-            >
-              <MaterialIcon
-                icon="arrow_back_ios"
-                size={20}
-                color="CurrentColor"
-              />
-              <Typography variant="Title/Subtitle/lg" className={styles.text}>
+            <Typography variant="Title/Subtitle/lg" className={styles.text}>
+              <button
+                type="button"
+                className={styles.backButton}
+                onClick={() => toggleMegaMenu(false)}
+              >
+                <MaterialIcon
+                  icon="arrow_back_ios"
+                  size={20}
+                  color="CurrentColor"
+                />
                 <span>{title}</span>
-              </Typography>
-            </button>
+              </button>
+            </Typography>
           </div>
         ) : null}
         <div className={styles.megaMenuContent}>