diff --git a/docs/src/components/action/More.tsx b/docs/src/components/action/More.tsx
index 167b86688e4e93..37ed24a8f19ce6 100644
--- a/docs/src/components/action/More.tsx
+++ b/docs/src/components/action/More.tsx
@@ -5,7 +5,7 @@ import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase';
 import Typography from '@mui/material/Typography';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 
-export default (function More(props: ButtonBaseProps) {
+export default (function More<P>(props: ButtonBaseProps & P) {
   const ref = React.useRef<null | HTMLButtonElement>(null);
   return (
     <ButtonBase
diff --git a/docs/src/components/productJoyUI/JoyUIComponents.tsx b/docs/src/components/productJoyUI/JoyUIComponents.tsx
index 76392596a45640..0b8f1d12d9fad7 100644
--- a/docs/src/components/productJoyUI/JoyUIComponents.tsx
+++ b/docs/src/components/productJoyUI/JoyUIComponents.tsx
@@ -9,6 +9,7 @@ import ShowChartRounded from '@mui/icons-material/ShowChartRounded';
 import BarChartRounded from '@mui/icons-material/BarChartRounded';
 import SectionHeadline from 'docs/src/components/typography/SectionHeadline';
 import Section from 'docs/src/layouts/Section';
+import Link from 'docs/src/modules/components/Link';
 import Highlighter from 'docs/src/components/action/Highlighter';
 import Item, { Group } from 'docs/src/components/action/Item';
 import GradientText from 'docs/src/components/typography/GradientText';
@@ -22,6 +23,7 @@ import SelectUsage from 'docs/data/joy/components/select/SelectUsage';
 import ButtonUsage from 'docs/data/joy/components/button/ButtonUsage';
 import AlertUsage from 'docs/data/joy/components/alert/AlertUsage';
 import Frame from 'docs/src/components/action/Frame';
+import ROUTES from 'docs/src/route';
 
 const DEMOS = ['Tabs', 'Radio', 'Menu', 'Input', 'Select', 'Slider', 'Button', 'Alert'] as const;
 const icons = {
@@ -58,7 +60,7 @@ export default function JoyUIComponents() {
                 <Item icon={React.cloneElement(icons[name])} title={name} />
               </Highlighter>
             ))}
-            <More />
+            <More component={Link} href={ROUTES.joyComponents} noLinkStyle />
           </Group>
         </Grid>
         <Grid xs={12} md={6}>
diff --git a/docs/src/route.ts b/docs/src/route.ts
index 2d1b7426125d2c..af36616bf25284 100644
--- a/docs/src/route.ts
+++ b/docs/src/route.ts
@@ -16,6 +16,7 @@ const ROUTES = {
   baseComponents: '/base-ui/all-components/',
   baseQuickstart: '/base-ui/getting-started/quickstart/',
   materialDocs: '/material-ui/getting-started/',
+  joyComponents: '/joy-ui/react-autocomplete/',
   joyDocs: '/joy-ui/getting-started/',
   joyTemplates: '/joy-ui/getting-started/templates/',
   joyTutorial: '/joy-ui/getting-started/tutorial/',