fix(SW-812): styling fixes for the header and related components

components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -41,7 +41,7 @@ export default function MegaMenu({
             className={styles.backButton}
             onClick={() => toggleMegaMenu(false)}
           >
-            <ChevronLeftIcon color="red" />
+            <ChevronLeftIcon color="red" height={20} width={20} />
             <Subtitle type="one" color="burgundy" asChild>
               <span>{title}</span>
             </Subtitle>
@@ -55,6 +55,7 @@ export default function MegaMenu({
               href={seeAllLink.link.url}
               color="burgundy"
               variant="icon"
+              weight="bold"
               onClick={handleNavigate}
             >
               {seeAllLink.title}
@@ -65,7 +66,12 @@ export default function MegaMenu({
         <ul className={styles.submenus}>
           {submenu.map((item) => (
             <li key={item.title} className={styles.submenusItem}>
-              <Caption textTransform="uppercase" asChild>
+              <Caption
+                type="label"
+                color="uiTextPlaceholder"
+                textTransform="uppercase"
+                asChild
+              >
                 <span className={styles.submenuTitle}>{item.title}</span>
               </Caption>
               <ul className={styles.submenu}>