diff --git a/components/calendar/calendar-client.tsx b/components/calendar/calendar-client.tsx
index 42810b7..b345c89 100644
--- a/components/calendar/calendar-client.tsx
+++ b/components/calendar/calendar-client.tsx
@@ -1383,11 +1383,11 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
               style={{ backgroundColor: calendar.color }}
             />
             <span className="flex items-center gap-1 min-w-0 flex-1">
-              <span className="truncate">
+              <span className="truncate min-w-0">
                 {getCalendarDisplayName(calendar as CalendarWithMission)}
               </span>
               {calendar.syncConfig?.syncEnabled && (
-                <Badge variant="outline" className="text-[10px] px-1 py-0.5 border-blue-400 text-blue-600 flex-shrink-0">
+                <Badge variant="outline" className="text-[10px] px-1 py-0.5 border-blue-400 text-blue-600 flex-shrink-0 ml-1">
                   Sync
                 </Badge>
               )}
@@ -1616,7 +1616,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
   return (
     <div className="flex gap-4 h-full w-full">
       {/* Left column for calendars */}
-      <div className="w-64 flex-shrink-0">
+      <div className="w-72 flex-shrink-0">
         <Card className="p-4">
           <div className="flex items-center justify-between mb-4">
             <h3 className="text-lg font-semibold text-gray-900">Calendriers</h3>
@@ -1861,7 +1861,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
                           boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
                         }}
                       >
-                        <div className="flex items-center gap-1.5 text-xs text-white">
+                        <div className="flex items-center gap-1.5 text-xs text-white min-w-0">
                           {!arg.event.allDay && (
                             <span className="font-medium whitespace-nowrap shrink-0">
                               {typeof arg.event.start === 'object' && arg.event.start instanceof Date 
@@ -1872,7 +1872,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
                                 : ''}
                             </span>
                           )}
-                          <span className="font-medium truncate max-w-[calc(100%-4.5rem)]">
+                          <span className="font-medium truncate min-w-0 flex-1">
                             {arg.event.title}
                           </span>
                         </div>
diff --git a/components/layout/layout-wrapper.tsx b/components/layout/layout-wrapper.tsx
index fd3d089..5b0f99a 100644
--- a/components/layout/layout-wrapper.tsx
+++ b/components/layout/layout-wrapper.tsx
@@ -224,6 +224,8 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
         style={
           isSignInPage 
             ? {} // No background style for signin page - let the page component handle it
+            : isAgendaPage
+            ? {} // No background for agenda page - it has its own white background
             : {
                 backgroundImage: `url('${currentBackground}')`,
                 backgroundSize: 'cover',
@@ -234,7 +236,7 @@ export function LayoutWrapper({ children, isSignInPage, isAuthenticated }: Layou
                 transition: 'background-image 0.5s ease-in-out'
               }
         }
-        onClick={!isSignInPage ? changeBackground : undefined}
+        onClick={!isSignInPage && !isAgendaPage ? changeBackground : undefined}
       >
         <main>{children}</main>
       </div>