diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index 937f1b8..1e84e61 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -48,7 +48,7 @@ let { children }: Props = $props();
     </header>
 
     <!-- <ScrollArea class="h-screen w-screen"> -->
-    <main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 pt-6 pb-10 md:px-8 lg:pt-10 lg:pb-20 relative">
+    <main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 pt-6 pb-10 md:px-8 lg:pt-10 lg:pb-20 relative overflow-x-hidden">
         <TooltipProvider>
             <TypographyMenu />
             {@render children?.()}