Update our primary nav headings

linode · Jan 31, 2025 · c3fd63a · c3fd63a
1 parent f15ab45
commit c3fd63a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts b/packages/manager/src/components/PrimaryNav/PrimaryNav.styles.ts
@@ -74,13 +74,17 @@ export const StyledAccordion = styled(Accordion, {
 })<{ isActiveProductFamily: boolean; isCollapsed: boolean }>(
   ({ theme, ...props }) => ({
     '& h3': {
-      '& p': {
+      '& span': {
         color: theme.tokens.color.Neutrals['White'],
-        font: props.isActiveProductFamily
-          ? theme.tokens.typography.Label.Bold.S
-          : theme.tokens.typography.Label.Semibold.S,
+        fontFamily: theme.tokens.font.FontFamily.Brand,
+        fontSize: theme.tokens.font.FontSize.Xxxs,
+        // eslint-disable-next-line
+        fontWeight: theme.tokens.font.FontWeight.Extrabold,
+        letterSpacing: theme.tokens.typography.Heading.OverlineLetterSpacing,
+        lineHeight: theme.tokens.font.LineHeight.Xxxs,
         paddingLeft: theme.tokens.spacing[50],
         paddingRight: theme.tokens.spacing[50],
+        textTransform: 'uppercase',
         transition: theme.transitions.create(['opacity']),
         ...(props.isCollapsed && {
           opacity: 0,

diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx b/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx
@@ -385,7 +385,7 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
                 heading={
                   <>
                     {productFamily.icon}
-                    <p>{productFamily.name}</p>
+                    <span>{productFamily.name}</span>
                   </>
                 }
                 isActiveProductFamily={