diff --git a/sites/org/pages/docs/index.mjs b/sites/org/pages/docs/index.mjs
index a7a8af0a9e4..6f0cca2071b 100644
--- a/sites/org/pages/docs/index.mjs
+++ b/sites/org/pages/docs/index.mjs
@@ -2,6 +2,8 @@
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 import { loadMdxAsStaticProps } from 'shared/mdx/load.mjs'
 import { nsMerge } from 'shared/utils.mjs'
+// Hooks
+import { useState } from 'react'
 // Components
 import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs'
 import { MdxWrapper } from 'shared/components/wrappers/mdx.mjs'
@@ -9,17 +11,23 @@ import { DocsLayout, ns as layoutNs } from 'site/components/layouts/docs.mjs'
 
 export const ns = nsMerge('docs', pageNs, layoutNs)
 
-const DocsHomePage = ({ page, locale, frontmatter, mdx, mdxSlug }) => (
-  <PageWrapper
-    {...page}
-    locale={locale}
-    title={frontmatter.title}
-    intro={frontmatter.intro || frontmatter.lead}
-    layout={(props) => <DocsLayout {...props} {...{ slug: page.path.join('/'), frontmatter }} />}
-  >
-    <MdxWrapper mdx={mdx} site="org" slug={mdxSlug} />
-  </PageWrapper>
-)
+const DocsHomePage = ({ page, locale, frontmatter, mdx, mdxSlug }) => {
+  const [wide, setWide] = useState(false)
+
+  return (
+    <PageWrapper
+      {...page}
+      locale={locale}
+      title={frontmatter.title}
+      intro={frontmatter.intro || frontmatter.lead}
+      layout={(props) => (
+        <DocsLayout {...props} {...{ slug: page.path.join('/'), frontmatter, wide, setWide }} />
+      )}
+    >
+      <MdxWrapper mdx={mdx} site="org" slug={mdxSlug} wide={wide} />
+    </PageWrapper>
+  )
+}
 
 export default DocsHomePage