diff --git a/apps/developer-hub/src/components/Root/index.tsx b/apps/developer-hub/src/components/Root/index.tsx
index 7cdf5430ae..42c609c07b 100644
--- a/apps/developer-hub/src/components/Root/index.tsx
+++ b/apps/developer-hub/src/components/Root/index.tsx
@@ -34,6 +34,7 @@ export const Root = ({ children }: Props) => (
   >
     <AppShell
       appName="Developer Hub"
+      displaySupportButton={false}
       amplitudeApiKey={AMPLITUDE_API_KEY}
       googleAnalyticsId={GOOGLE_ANALYTICS_ID}
       enableAccessibilityReporting={ENABLE_ACCESSIBILITY_REPORTING}
diff --git a/apps/developer-hub/src/config/layout.config.tsx b/apps/developer-hub/src/config/layout.config.tsx
index 2c80fba569..a4c870d54a 100644
--- a/apps/developer-hub/src/config/layout.config.tsx
+++ b/apps/developer-hub/src/config/layout.config.tsx
@@ -20,5 +20,6 @@ export const docsOptions: DocsLayoutProps = {
   tree: source.pageTree,
   sidebar: {
     tabs: false,
+    collapsible: false,
   },
 };
diff --git a/packages/component-library/src/AppShell/index.tsx b/packages/component-library/src/AppShell/index.tsx
index 3460791e40..d99b6903e4 100644
--- a/packages/component-library/src/AppShell/index.tsx
+++ b/packages/component-library/src/AppShell/index.tsx
@@ -62,7 +62,7 @@ export const AppShell = ({
 
 type AppBodyProps = Pick<
   ComponentProps<typeof Header>,
-  "appName" | "mainCta" | "extraCta"
+  "appName" | "mainCta" | "extraCta" | "displaySupportButton"
 > & {
   tabs?: Tab[] | undefined;
   children: ReactNode;
diff --git a/packages/component-library/src/Header/index.tsx b/packages/component-library/src/Header/index.tsx
index aebd6eb81c..7b3e1f2d5c 100644
--- a/packages/component-library/src/Header/index.tsx
+++ b/packages/component-library/src/Header/index.tsx
@@ -30,6 +30,7 @@ type Props = ComponentProps<"header"> & {
     | undefined;
   mainMenu?: ReactNode | undefined;
   extraCta?: ReactNode | undefined;
+  displaySupportButton?: boolean | undefined;
 };
 
 export const Header = ({
@@ -38,6 +39,7 @@ export const Header = ({
   mainCta,
   mainMenu,
   extraCta,
+  displaySupportButton = true,
   ...props
 }: Props) => (
   <header className={clsx(styles.header, className)} {...props}>
@@ -53,16 +55,18 @@ export const Header = ({
         {mainMenu}
       </div>
       <div className={styles.rightMenu}>
-        <Button
-          variant="ghost"
-          size="sm"
-          rounded
-          beforeIcon={<Lifebuoy />}
-          drawer={SupportDrawer}
-          className={styles.supportButton ?? ""}
-        >
-          Support
-        </Button>
+        {displaySupportButton && (
+          <Button
+            variant="ghost"
+            size="sm"
+            rounded
+            beforeIcon={<Lifebuoy />}
+            drawer={SupportDrawer}
+            className={styles.supportButton ?? ""}
+          >
+            Support
+          </Button>
+        )}
         {extraCta}
         <MobileMenu className={styles.mobileMenu} mainCta={mainCta} />
         <Button