diff --git a/sites/dev/components/layouts/docs.mjs b/sites/dev/components/layouts/docs.mjs
index a0c9d6a40ec..2bfa0b32cdb 100644
--- a/sites/dev/components/layouts/docs.mjs
+++ b/sites/dev/components/layouts/docs.mjs
@@ -2,6 +2,7 @@ import { useContext } from 'react'
 // Components
 import { Breadcrumbs } from 'shared/components/breadcrumbs.mjs'
 import { NavigationContext } from 'shared/context/navigation-context.mjs'
+import { AsideNavigation } from 'shared/components/navigation/aside.mjs'
 
 export const ns = []
 
@@ -10,7 +11,8 @@ export const DocsLayout = ({ children = [], pageTitle = false }) => {
 
   return (
     <div className="grid grid-cols-4 m-auto justify-center place-items-stretch lg:mt-16">
-      <section className="col-span-4 lg:col-span-3 py-8 pg:py-24 px-4 lg:pl-8 bg-base-50">
+      <AsideNavigation />
+      <section className="col-span-4 lg:col-span-3 py-8 lg:py-16 px-4 lg:pl-8 bg-base-50">
         {title && (
           <div className="xl:pl-4">
             <Breadcrumbs crumbs={crumbs} title={pageTitle ? pageTitle : title} />
diff --git a/sites/shared/components/navigation/aside.mjs b/sites/shared/components/navigation/aside.mjs
index c62fe4dff4a..e695c9578db 100644
--- a/sites/shared/components/navigation/aside.mjs
+++ b/sites/shared/components/navigation/aside.mjs
@@ -2,10 +2,10 @@ import { MainSections, ActiveSection, ns as navNs } from './primary.mjs'
 
 export const ns = navNs
 
-export const AsideNavigation = ({ mobileOnly = false, before = [], after = [] }) => null
-/*(
+export const AsideNavigation = ({ mobileOnly = false, before = [], after = [] }) => (
   <aside
     className={`
+    hidden lg:block
     fixed top-0 right-0 h-screen
     overflow-y-auto z-20
     bg-base-100 text-base-content
@@ -29,4 +29,3 @@ export const AsideNavigation = ({ mobileOnly = false, before = [], after = [] })
     </div>
   </aside>
 )
-*/