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

components/Header/MainMenu/MyPagesMenuContent/index.tsx

@@ -63,7 +63,8 @@ export default function MyPagesMenuContent({
                     href={link.originalUrl || link.url}
                     onClick={toggleOpenStateFn}
                     variant="menu"
-                    className={`${styles.link} ${menuItem.display_sign_out_link ? styles.smallLink : ""}`}
+                    weight={menuItem.display_sign_out_link ? undefined : "bold"}
+                    className={styles.link}
                   >
                     {link.linkText}
                     <ArrowRightIcon className={styles.arrow} color="burgundy" />
@@ -76,7 +77,7 @@ export default function MyPagesMenuContent({
                     href={logout[lang]}
                     prefetch={false}
                     variant="menu"
-                    className={`${styles.link} ${styles.smallLink}`}
+                    className={styles.link}
                   >
                     {intl.formatMessage({ id: "Log out" })}
                   </Link>

components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css

@@ -32,14 +32,6 @@
   list-style: none;
 }
 
-.link.smallLink {
-  font-family: var(--typography-Body-Regular-fontFamily);
-  font-size: var(--typography-Body-Regular-fontSize);
-  font-weight: var(--typography-Body-Regular-fontWeight);
-  line-height: var(--typography-Body-Regular-lineHeight);
-  letter-spacing: var(--typography-Body-Regular-letterSpacing);
-}
-
 .link:not(:hover) .arrow {
   opacity: 0;
 }