diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/cross.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/cross.tsx
index f86d6a1ea57c9f..a20920e96625b9 100644
--- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/cross.tsx
+++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/cross.tsx
@@ -4,7 +4,7 @@ import { INavPage, LoadingComponent } from '@fluentui/react-docsite-components/l
 export const controlsPagesCrossPlatform: INavPage[] = [
   {
     title: 'Controls',
-    url: '#/controls/crossplatform',
+    url: '#/controls/cross',
     isHiddenFromMainNav: true,
     component: () => <LoadingComponent title="Controls" />,
     getComponent: cb =>
@@ -18,14 +18,14 @@ export const controlsPagesCrossPlatform: INavPage[] = [
     pages: [
       {
         title: 'Button',
-        url: '#/controls/crossplatform/button',
+        url: '#/controls/cross/button',
         component: () => <LoadingComponent title="Button" />,
         getComponent: cb =>
           require.ensure([], require => cb(require<any>('../../../pages/Controls/ButtonPage/ButtonPage').ButtonPage)),
       },
       {
         title: 'Link',
-        url: '#/controls/crossplatform/link',
+        url: '#/controls/cross/link',
         component: () => <LoadingComponent title="Link" />,
         getComponent: cb =>
           require.ensure([], require => cb(require<any>('../../../pages/Controls/LinkPage/LinkPage').LinkPage)),
@@ -38,7 +38,7 @@ export const controlsPagesCrossPlatform: INavPage[] = [
     pages: [
       {
         title: 'Persona',
-        url: '#/controls/crossplatform/persona',
+        url: '#/controls/cross/persona',
         component: () => <LoadingComponent title="Persona" />,
         getComponent: cb =>
           require.ensure([], require =>
@@ -53,14 +53,14 @@ export const controlsPagesCrossPlatform: INavPage[] = [
     pages: [
       {
         title: 'Text',
-        url: '#/controls/crossplatform/text',
+        url: '#/controls/cross/text',
         component: () => <LoadingComponent title="Text" />,
         getComponent: cb =>
           require.ensure([], require => cb(require<any>('../../../pages/Controls/TextPage/TextPage').TextPage)),
       },
       {
         title: 'Separator',
-        url: '#/controls/crossplatform/separator',
+        url: '#/controls/cross/separator',
         component: () => <LoadingComponent title="Separator" />,
         getComponent: cb =>
           require.ensure([], require =>
diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/GetStarted/GetStarted.pages.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/GetStarted/GetStarted.pages.tsx
index adc8c64b341b26..13b999f220d83a 100644
--- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/GetStarted/GetStarted.pages.tsx
+++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/GetStarted/GetStarted.pages.tsx
@@ -87,7 +87,7 @@ export const GetStartedPages: INavPage = {
     cross: [
       {
         title: 'Get started',
-        url: '#/get-started/crossplatform',
+        url: '#/get-started/cross',
         isHiddenFromMainNav: true,
         component: () => <LoadingComponent title="Get started" />,
         getComponent: cb =>
diff --git a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.doc.ts b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.doc.ts
index 230f4e9652f757..577f9af37965ff 100644
--- a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.doc.ts
+++ b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.doc.ts
@@ -7,7 +7,7 @@ const related: ISideRailLink[] = [
   { text: 'iOS Persona', url: '#/controls/ios/persona' },
   { text: 'Android Persona', url: '#/controls/android/persona' },
   { text: 'macOS Avatar', url: '#/controls/mac/avatar' },
-  { text: 'Cross-platform Persona', url: '#/controls/crossplatform/persona' },
+  { text: 'Cross-platform Persona', url: '#/controls/cross/persona' },
 ];
 const componentUrl =
   'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Controls/PersonaPage';
diff --git a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.doc.ts b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.doc.ts
index 929639b7a3c6c9..06dfce758ff70d 100644
--- a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.doc.ts
+++ b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.doc.ts
@@ -8,7 +8,7 @@ const related: ISideRailLink[] = [
   { text: 'Android Separator', url: '#/controls/android/separator' },
   { text: 'Android ListItemDivider', url: '#/controls/android/listcells' },
   { text: 'macOS Separator', url: '#/controls/mac/separator' },
-  { text: 'Cross-platform Separator', url: '#/controls/crossplatform/separator' },
+  { text: 'Cross-platform Separator', url: '#/controls/cross/separator' },
 ];
 const componentUrl =
   'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Controls/SeparatorPage';
diff --git a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.doc.ts b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.doc.ts
index a2878d5d784c31..530b3ade2eef0b 100644
--- a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.doc.ts
+++ b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.doc.ts
@@ -6,7 +6,7 @@ const related: ISideRailLink[] = [
   { text: 'Web Text', url: '#/controls/web/text' },
   { text: 'iOS Text', url: '#/controls/ios/text' },
   { text: 'Android Text', url: '#/controls/android/text' },
-  { text: 'Cross-platform Text', url: '#/controls/crossplatform/text' },
+  { text: 'Cross-platform Text', url: '#/controls/cross/text' },
 ];
 const componentUrl =
   'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Controls/TextPage';
diff --git a/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx b/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx
index f2ff28c0990563..8867544e5a1d7c 100644
--- a/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx
+++ b/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx
@@ -315,10 +315,10 @@ export class HomePageBase extends React.Component<IHomePageProps, IHomePageState
             </TitleStack>
             <ul className={classNames.cardList}>
               <li className={classNames.cardListItem}>
-                {this._renderLink('#/controls/crossplatform', 'Controls', { ariaLabel: 'Controls: Cross-platform' })}
+                {this._renderLink('#/controls/cross', 'Controls', { ariaLabel: 'Controls: Cross-platform' })}
               </li>
               <li className={classNames.cardListItem}>
-                {this._renderLink('#/get-started/crossplatform', 'Get started', {
+                {this._renderLink('#/get-started/cross', 'Get started', {
                   ariaLabel: 'Get started: Cross-platform',
                 })}
               </li>