diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index 3ad980a..0019373 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -40,13 +40,13 @@ let { children }: Props = $props();
 <div id="app-root" class="min-h-screen flex flex-col bg-background">
     <header></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">
-            <TooltipProvider>
-                <TypographyMenu />
-                {@render children?.()}
-            </TooltipProvider>
-        </main>
-    </ScrollArea>
+    <!-- <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">
+        <TooltipProvider>
+            <TypographyMenu />
+            {@render children?.()}
+        </TooltipProvider>
+    </main>
+    <!-- </ScrollArea> -->
     <footer></footer>
 </div>