diff --git a/apps/docs/app/(home)/page.tsx b/apps/docs/app/(home)/page.tsx
index 7e8439cda..fbe4470c5 100644
--- a/apps/docs/app/(home)/page.tsx
+++ b/apps/docs/app/(home)/page.tsx
@@ -48,7 +48,7 @@ export default function HomePage() {
   const ChatComponent = selectedModel.component;
 
   return (
-    <main className="mx-auto flex flex-col gap-6 self-stretch p-4 py-4">
+    <main className="container mx-auto flex flex-col gap-6 self-stretch p-4">
       <div className="mt-12 flex flex-col gap-4 self-center">
         <h1 className="text-center text-4xl font-extrabold">
           Build in-app AI chatbots