Merged in fix/SW-2753-icon-header (pull request #2546)

fix(SW-2753): update icon in top navigation

* fix(SW-2753): update icon in top navigation


Approved-by: Anton Gunnarsson

apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -2,9 +2,8 @@
 
 import FocusLock from "react-focus-lock"
 
-import Caption from "@scandic-hotels/design-system/Caption"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import Subtitle from "@scandic-hotels/design-system/Subtitle"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import useDropdownStore from "@/stores/main-menu"
 
@@ -45,13 +44,13 @@ export default function MegaMenu({
               onClick={() => toggleMegaMenu(false)}
             >
               <MaterialIcon
-                icon="chevron_left"
+                icon="arrow_back_ios"
                 size={20}
                 color="Icon/Interactive/Accent"
               />
-              <Subtitle type="one" color="burgundy" asChild>
+              <Typography variant="Title/Subtitle/lg" className={styles.text}>
                 <span>{title}</span>
-              </Subtitle>
+              </Typography>
             </button>
           </div>
         ) : null}
@@ -72,14 +71,9 @@ export default function MegaMenu({
           <ul className={styles.submenus}>
             {submenu.map((item) => (
               <li key={item.title} className={styles.submenusItem}>
-                <Caption
-                  type="label"
-                  color="uiTextPlaceholder"
-                  textTransform="uppercase"
-                  asChild
-                >
+                <Typography variant="Title/Overline/sm">
                   <span className={styles.submenuTitle}>{item.title}</span>
-                </Caption>
+                </Typography>
                 <ul className={styles.submenu}>
                   {item.links.map(({ title, link }) =>
                     link ? (