diff --git a/src/custom/docs/components/header/index.tsx b/src/custom/docs/components/header/index.tsx
index 1632a13..fe425f8 100644
--- a/src/custom/docs/components/header/index.tsx
+++ b/src/custom/docs/components/header/index.tsx
@@ -37,7 +37,9 @@ const Left = React.forwardRef<
 HTMLDivElement,
 React.InputHTMLAttributes<HTMLParagraphElement>
 >(({ className, type, ...props }, ref) => {
-  return <div className="mb-4 mt-0 md:mt-6 flex flex-col " ref={ref}>{props.children}</div>
+
+  return<div className="relative mx-auto flex flex-grow flex-wrap flex-col py-4">
+   <div className="mb-4 mt-0 md:mt-6 flex flex-col" ref={ref}>{props.children}</div></div>
  
 })
 Left.displayName = 'Left'
@@ -62,7 +64,7 @@ HTMLDivElement,
 React.InputHTMLAttributes<HTMLParagraphElement>
 >(({ className, type, ...props }, ref) => {
   return  <div className="flex w-full my-4" ref={ref}>
-      <div className="relative mx-auto flex flex-grow flex-wrap flex-col py-4">{props.children}</div></div>
+      {props.children}</div>
  
 })
 Wrapper.displayName = 'Wrapper'
diff --git a/stories/custom/docs-header.stories.tsx b/stories/custom/docs-header.stories.tsx
index 851c218..9fb6f19 100644
--- a/stories/custom/docs-header.stories.tsx
+++ b/stories/custom/docs-header.stories.tsx
@@ -8,7 +8,6 @@ import { RocketIcon } from "lucide-react";
 export function DocsHeaderDemo() {
   return <Wrapper>
     <Left>  
-        {/* <LeftTitle>Quantinuum Nexus</LeftTitle> */}
         <NexusLogo
           variant="horizontal"
           className="w-[18rem] md:w-[23rem]"