diff --git a/app/agenda/page.tsx b/app/agenda/page.tsx
index 1d8eb36..f35a1dc 100644
--- a/app/agenda/page.tsx
+++ b/app/agenda/page.tsx
@@ -701,7 +701,7 @@ export default async function CalendarPage() {
     }, 0);
 
   return (
-    <div className="w-full bg-white" style={{ height: 'calc(100vh - 3rem - 52px)' }}>
+    <div className="w-full h-full bg-white">
       <div className="w-full h-full px-4 pb-4 flex overflow-hidden">
         <CalendarClient 
           initialCalendars={calendars} 
diff --git a/app/globals.css b/app/globals.css
index 6655e0a..a48df33 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -69,6 +69,10 @@
   * {
     @apply border-border;
   }
+  html,
+  body {
+    height: 100%;
+  }
   body {
     @apply bg-background text-foreground;
   }
diff --git a/components/layout/layout-wrapper.tsx b/components/layout/layout-wrapper.tsx
index 1ce9986..ed6f338 100644
--- a/components/layout/layout-wrapper.tsx
+++ b/components/layout/layout-wrapper.tsx
@@ -212,7 +212,7 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
     <AuthCheck>
       {!isSignInPage && isAuthenticated && <MainNav />}
       <div 
-        className={isSignInPage ? "min-h-screen" : ""}
+        className={isSignInPage ? "min-h-screen" : "flex flex-col min-h-screen"}
         style={
           isSignInPage 
             ? {} // No background style for signin page - let the page component handle it
@@ -223,14 +223,12 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
                 backgroundRepeat: 'no-repeat',
                 backgroundAttachment: 'fixed',
                 cursor: 'pointer',
-                transition: 'background-image 0.5s ease-in-out',
-                paddingTop: '3rem', // 48px for fixed navbar
-                minHeight: '100vh'
+                transition: 'background-image 0.5s ease-in-out'
               }
         }
         onClick={!isSignInPage ? changeBackground : undefined}
       >
-        <main>{children}</main>
+        <main className={isSignInPage ? "" : "flex-1 pt-12"}>{children}</main>
         {!isSignInPage && isAuthenticated && <Footer />}
       </div>
       <Toaster />