agenda page

app/agenda/page.tsx

@@ -106,16 +106,18 @@ export default async function CalendarPage() {
     }, 0);
 
   return (
-    <div className="flex flex-col h-full w-full bg-white">
-      <CalendarClient 
-        initialCalendars={calendars} 
-        userId={session.user.id}
-        userProfile={{
-          name: session.user.name || '',
-          email: session.user.email || '',
-          avatar: session.user.image || undefined
-        }}
-      />
-    </div>
+    <main className="w-full h-screen bg-white">
+      <div className="w-full h-full px-4 pt-12 pb-4 flex">
+        <CalendarClient 
+          initialCalendars={calendars} 
+          userId={session.user.id}
+          userProfile={{
+            name: session.user.name || '',
+            email: session.user.email || '',
+            avatar: session.user.image || undefined
+          }}
+        />
+      </div>
+    </main>
   );
 }

components/calendar/calendar-client.tsx

@@ -921,7 +921,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
   };
 
   return (
-    <div className="flex gap-4 h-full">
+    <div className="flex gap-4 h-full w-full">
       {/* Left column for calendars */}
       <div className="w-64 flex-shrink-0">
         <Card className="p-4">