diff --git a/packages/web/src/app/[domain]/chat/[id]/page.tsx b/packages/web/src/app/[domain]/chat/[id]/page.tsx
index 4929589b..24cd94e9 100644
--- a/packages/web/src/app/[domain]/chat/[id]/page.tsx
+++ b/packages/web/src/app/[domain]/chat/[id]/page.tsx
@@ -53,7 +53,7 @@ export default async function Page(props: PageProps) {
     const indexedRepos = repos.filter((repo) => repo.indexedAt !== undefined);
 
     return (
-        <>
+        <div className="flex flex-col h-screen w-screen">
             <TopBar
                 domain={params.domain}
                 homePath={`/${params.domain}/chat`}
@@ -87,6 +87,6 @@ export default async function Page(props: PageProps) {
                     isChatReadonly={isReadonly}
                 />
             </ResizablePanelGroup>
-        </>
+        </div>
     )
 }
\ No newline at end of file
diff --git a/packages/web/src/app/[domain]/chat/layout.tsx b/packages/web/src/app/[domain]/chat/layout.tsx
index 2968c748..6f209420 100644
--- a/packages/web/src/app/[domain]/chat/layout.tsx
+++ b/packages/web/src/app/[domain]/chat/layout.tsx
@@ -14,9 +14,7 @@ export default async function Layout({ children }: LayoutProps) {
         // @note: we use a navigation guard here since we don't support resuming streams yet.
         // @see: https://ai-sdk.dev/docs/ai-sdk-ui/chatbot-message-persistence#resuming-ongoing-streams
         <NavigationGuardProvider>
-            <div className="flex flex-col h-screen w-screen">
-                {children}
-            </div>
+            {children}
             <TutorialDialog isOpen={!isTutorialDismissed} />
         </NavigationGuardProvider>
     )