diff --git a/docs/pages/_app.js b/docs/pages/_app.js
index 5eecdc355d223..23bb02903577a 100644
--- a/docs/pages/_app.js
+++ b/docs/pages/_app.js
@@ -227,10 +227,10 @@ function AppWrapper(props) {
         versions: [
           {
             text: 'v7 (next)',
-            href: `https://next.mui.com${languagePrefix}/components/data-grid/`,
+            href: `https://next.mui.com${languagePrefix}/x/react-data-grid/`,
           },
           { text: `v${process.env.DATA_GRID_VERSION}`, current: true },
-          { text: 'v5', href: `https://v5.mui.com${languagePrefix}/components/data-grid/` },
+          { text: 'v5', href: `https://v5.mui.com${languagePrefix}/x/react-data-grid/` },
           { text: 'v4', href: `https://v4.mui.com${languagePrefix}/components/data-grid/` },
         ],
       };
@@ -241,7 +241,7 @@ function AppWrapper(props) {
         versions: [
           {
             text: 'v7 (next)',
-            href: `https://next.mui.com${languagePrefix}/x/react-date-pickers/getting-started/`,
+            href: `https://next.mui.com${languagePrefix}/x/react-date-pickers/`,
           },
           { text: `v${process.env.DATE_PICKERS_VERSION}`, current: true },
           {
@@ -257,7 +257,7 @@ function AppWrapper(props) {
         versions: [
           {
             text: 'v7 (next)',
-            href: `https://next.mui.com${languagePrefix}/x/react-charts/getting-started`,
+            href: `https://next.mui.com${languagePrefix}/x/react-charts/`,
           },
           { text: `v${process.env.CHARTS_VERSION}`, current: true },
         ],