diff --git a/src/app/components/PageLayout.tsx b/src/app/components/PageLayout.tsx
index fe3d5b5..87be461 100644
--- a/src/app/components/PageLayout.tsx
+++ b/src/app/components/PageLayout.tsx
@@ -25,21 +25,21 @@ export default function PageLayout({
   const isMobile = isMobileDevice();
   
   return (
-    <div className="min-h-screen w-full flex flex-col relative bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors m-0 p-0">
+    <div className="h-screen w-full flex flex-col relative bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-colors m-0 p-0 overflow-hidden">
       
       {showHeader && (
-        <div className="relative z-50 w-full">
+        <div className="relative z-50 w-full flex-shrink-0">
           <Header />
         </div>
       )}
       
       {/* Main content */}
-      <div className="flex-1 relative z-10 w-full flex flex-col">
+      <div className="flex-1 relative z-10 w-full flex flex-col overflow-auto">
         {children}
       </div>
       
       {showFooter && (
-        <div className="mt-auto relative z-50">
+        <div className="relative z-50 flex-shrink-0">
           <Footer />
         </div>
       )}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 999d31c..dd96a7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ export default function HomePage() {
       {/* Hero Section */}
       <section
         id="hero"
-        className="relative isolate flex flex-col min-h-screen"
+        className="relative isolate flex flex-col h-screen"
       >
         {/* ...existing code (pattern SVG + blurred polygon) ... */}
         <svg