diff --git a/docs/src/modules/components/withRoot.js b/docs/src/modules/components/withRoot.js
index 32a72e55748eb8..71213506810190 100644
--- a/docs/src/modules/components/withRoot.js
+++ b/docs/src/modules/components/withRoot.js
@@ -52,17 +52,17 @@ const pages = [
     pathname: '/style',
     children: [
       {
-        pathname: '/style/css-baseline',
-        title: 'CSS Baseline',
+        pathname: '/style/icons',
       },
       {
         pathname: '/style/color',
       },
       {
-        pathname: '/style/icons',
+        pathname: '/style/typography',
       },
       {
-        pathname: '/style/typography',
+        pathname: '/style/css-baseline',
+        title: 'CSS Baseline',
       },
     ],
   },
@@ -76,10 +76,10 @@ const pages = [
         pathname: '/layout/grid',
       },
       {
-        pathname: '/layout/hidden',
+        pathname: '/layout/breakpoints',
       },
       {
-        pathname: '/layout/breakpoints',
+        pathname: '/layout/hidden',
       },
     ],
   },
@@ -89,6 +89,9 @@ const pages = [
       {
         pathname: '/utils/modal',
       },
+      {
+        pathname: '/utils/transitions',
+      },
       {
         pathname: '/utils/popover',
       },
@@ -98,9 +101,6 @@ const pages = [
       {
         pathname: '/utils/portal',
       },
-      {
-        pathname: '/utils/transitions',
-      },
       {
         pathname: '/utils/click-away-listener',
       },
@@ -117,20 +117,20 @@ const pages = [
   {
     pathname: '/customization',
     children: [
-      {
-        pathname: '/customization/overrides',
-      },
       {
         pathname: '/customization/themes',
       },
       {
-        pathname: '/customization/default-theme',
-        title: 'Default Theme',
+        pathname: '/customization/overrides',
       },
       {
         pathname: '/customization/css-in-js',
         title: 'CSS in JS',
       },
+      {
+        pathname: '/customization/default-theme',
+        title: 'Default Theme',
+      },
     ],
   },
   {
@@ -141,40 +141,40 @@ const pages = [
         title: 'API Design Approach',
       },
       {
-        pathname: '/guides/minimizing-bundle-size',
+        pathname: '/guides/typescript',
+        title: 'TypeScript',
       },
       {
         pathname: '/guides/interoperability',
         title: 'Style Library Interoperability',
       },
       {
-        pathname: '/guides/migration-v0x',
-        title: 'Migration From v0.x',
+        pathname: '/guides/minimizing-bundle-size',
+      },
+      {
+        pathname: '/guides/composition',
       },
       {
         pathname: '/guides/server-rendering',
       },
       {
-        pathname: '/guides/composition',
+        pathname: '/guides/migration-v0x',
+        title: 'Migration From v0.x',
       },
       {
         pathname: '/guides/testing',
       },
       {
-        pathname: '/guides/typescript',
-        title: 'TypeScript',
+        pathname: '/guides/flow',
       },
       {
-        pathname: '/guides/flow',
+        pathname: '/guides/right-to-left',
+        title: 'Right-to-left',
       },
       {
         pathname: '/guides/csp',
         title: 'Content Security Policy',
       },
-      {
-        pathname: '/guides/right-to-left',
-        title: 'Right-to-left',
-      },
     ],
   },
   {
@@ -204,29 +204,29 @@ const pages = [
     pathname: '/discover-more',
     children: [
       {
-        pathname: '/discover-more/vision',
+        pathname: '/discover-more/showcase',
       },
       {
-        pathname: '/discover-more/backers',
-        title: 'Sponsors & Backers',
+        pathname: '/discover-more/related-projects',
       },
       {
-        pathname: '/discover-more/community',
+        pathname: '/discover-more/roadmap',
       },
       {
-        pathname: '/discover-more/related-projects',
+        pathname: '/discover-more/backers',
+        title: 'Sponsors & Backers',
       },
       {
-        pathname: '/discover-more/showcase',
+        pathname: '/discover-more/vision',
       },
       {
-        pathname: '/discover-more/roadmap',
+        pathname: '/discover-more/team',
       },
       {
-        pathname: '/discover-more/changelog',
+        pathname: '/discover-more/community',
       },
       {
-        pathname: '/discover-more/team',
+        pathname: '/discover-more/changelog',
       },
       {
         pathname: '/discover-more/governance',