diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index a47a9d7..3ad980a 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -41,7 +41,7 @@ let { children }: Props = $props();
     <header></header>
 
     <ScrollArea class="h-screen w-screen">
-        <main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 py-6 md:px-8 lg:py-10 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">
             <TooltipProvider>
                 <TypographyMenu />
                 {@render children?.()}