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

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

@@ -4,7 +4,7 @@ import { useRef } from "react"
 
 import useDropdownStore from "@/stores/main-menu"
 
-import { ChevronDownIcon, ChevronRightIcon } from "@/components/Icons"
+import { ChevronDownSmallIcon, ChevronRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import useClickOutside from "@/hooks/useClickOutside"
 import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
@@ -41,9 +41,14 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
       >
         {title}
         {isMobile ? (
-          <ChevronRightIcon className={`${styles.chevron}`} color="red" />
+          <ChevronRightIcon
+            className={`${styles.chevron}`}
+            color="red"
+            height={20}
+            width={20}
+          />
         ) : (
-          <ChevronDownIcon
+          <ChevronDownSmallIcon
             className={`${styles.chevron} ${isMegaMenuOpen ? styles.isExpanded : ""}`}
             color="red"
           />
@@ -67,7 +72,8 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
   ) : (
     <Link
       className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
-      color="burgundy"
+      variant="navigation"
+      weight="bold"
       href={link!.url}
     >
       {title}