diff --git a/app/page.tsx b/app/page.tsx
index cd98a5d..9b7fa88 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -3,7 +3,7 @@ import { AppIcon } from '@/components/shared/app-icon'
 
 export default function LandingPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
+    <div className="h-screen bg-background text-foreground flex flex-col overflow-hidden">
 
       {/* ── Header ─────────────────────────────────────────────────── */}
       <header className="h-14 border-b border-border bg-surface-container-low flex items-center px-6 gap-4 shrink-0">
@@ -27,7 +27,7 @@ export default function LandingPage() {
         </nav>
       </header>
 
-      <main className="flex-1">
+      <main className="flex-1 overflow-y-auto">
 
         {/* ── Hero ───────────────────────────────────────────────────── */}
         <section className="bg-primary-container px-6 py-16 text-center">
@@ -277,7 +277,7 @@ export default function LandingPage() {
       </main>
 
       {/* ── Footer ─────────────────────────────────────────────────── */}
-      <footer className="border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground">
+      <footer className="shrink-0 border-t border-border bg-surface-container-low px-6 py-4 flex items-center justify-between text-xs text-muted-foreground">
         <span>© {new Date().getFullYear()} Scrum4Me</span>
         <div className="flex gap-4">
           <Link href="/login" className="hover:text-foreground transition-colors">Inloggen</Link>