diff --git a/docs/pages/experiments/website/branding-theme-test.tsx b/docs/pages/experiments/website/branding-theme-test.tsx
index d6f8caaa09e199..c461023ff81398 100644
--- a/docs/pages/experiments/website/branding-theme-test.tsx
+++ b/docs/pages/experiments/website/branding-theme-test.tsx
@@ -10,6 +10,7 @@ import AppHeader from 'docs/src/layouts/AppHeader';
 import Section from 'docs/src/layouts/Section';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import GitHubIcon from '@mui/icons-material/GitHub';
+import { Link } from '@mui/docs/Link';
 
 export default function BrandingThemeTest() {
   return (
@@ -18,6 +19,12 @@ export default function BrandingThemeTest() {
       <AppHeader gitHubRepository="https://github.com/mui/material-ui" />
       <main id="main-content">
         <Section>
+          <Stack direction="row" spacing={2} useFlexGap sx={{ width: 'fit-content', mb: 4 }}>
+            <Link href="/">Link with no role</Link>
+            <Link href="/" role="menuitem">
+              Link role menuitem
+            </Link>
+          </Stack>
           <Stack direction="row" spacing={2} useFlexGap sx={{ width: 'fit-content' }}>
             <Chip size="small" variant="outlined" color="primary" label="Hiring" />
             <Chip size="small" variant="outlined" color="info" label="Hiring" />
diff --git a/packages/mui-docs/src/Link/Link.tsx b/packages/mui-docs/src/Link/Link.tsx
index 9de3d6d1c97287..79e5079efba393 100644
--- a/packages/mui-docs/src/Link/Link.tsx
+++ b/packages/mui-docs/src/Link/Link.tsx
@@ -80,7 +80,6 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link
     noLinkStyle,
     prefetch,
     replace,
-    role, // Link don't have roles.
     scroll,
     shallow,
     ...other
diff --git a/packages/mui-docs/src/branding/brandingTheme.ts b/packages/mui-docs/src/branding/brandingTheme.ts
index 5307a6224fec1d..e759d2f68da2a6 100644
--- a/packages/mui-docs/src/branding/brandingTheme.ts
+++ b/packages/mui-docs/src/branding/brandingTheme.ts
@@ -933,7 +933,7 @@ export function getThemedComponents(): ThemeOptions {
           root: ({ theme }) => ({
             display: 'inline-flex',
             alignItems: 'center',
-            fontWeight: theme.typography.fontWeightSemiBold,
+            fontWeight: theme.typography.fontWeightMedium,
             '&.MuiTypography-body1 > svg': {
               marginTop: 2,
             },