fix(BOOK-249): Added Typography around the back button inside the mobile menu to give the icon the correct color

Approved-by: Matilda Landström
Approved-by: Chuma Mcphoy (We Ahead)

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}>