feat: Update NavDesktopDropdown style

doubleface · doubleface · commit b4c5f5352174 · 2026-04-08T09:22:46.000+02:00
- change overline variant
- use overline variant in NavDesktopDropdown for the title
- align the title icon to the right
diff --git a/react/MuiCozyTheme/makeTypography.js b/react/MuiCozyTheme/makeTypography.js
@@ -69,10 +69,10 @@ export const makeTypography = () => ({
     letterSpacing: '0.5px'
   },
   overline: {
-    fontSize: 11,
-    fontWeight: 500,
-    lineHeight: '16px',
-    letterSpacing: '0.5px',
+    fontSize: 10,
+    fontWeight: 700,
+    lineHeight: '13px',
+    letterSpacing: '0',
     textTransform: 'inherit'
   }
 })
diff --git a/react/Nav/index.jsx b/react/Nav/index.jsx
@@ -140,8 +140,9 @@ export const NavDesktopDropdown = ({
     <>
       <ListItem size="small" className={isActivated ? 'u-c-pointer' : ''}>
         <DropdownText
-          variant="subtitle2"
+          variant="overline"
           color="textSecondary"
+          spaceBetween
           innerIconProps={innerIconProps}
           onClick={() => {
             if (!isActivated) {
