diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 74777e9..fe06edd 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -14,13 +14,13 @@ export default async function AppLayout({ children }: { children: React.ReactNod
   }
 
   return (
-    <div className="min-h-screen bg-background flex flex-col">
+    <div className="h-screen bg-background flex flex-col overflow-hidden">
       <a href="#main-content" className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:text-sm">
         Ga naar inhoud
       </a>
       <NavBar isDemo={session.isDemo} />
       <MinWidthBanner />
-      <main id="main-content" className="flex-1 flex flex-col overflow-hidden">
+      <main id="main-content" className="flex-1 flex flex-col overflow-y-auto min-h-0">
         {children}
       </main>
       <StatusBar />