diff --git a/frontend/src/app/pages/agenda/agenda.ts b/frontend/src/app/pages/agenda/agenda.ts
index 30109cd..8a9faf9 100644
--- a/frontend/src/app/pages/agenda/agenda.ts
+++ b/frontend/src/app/pages/agenda/agenda.ts
@@ -191,7 +191,25 @@ export class Agenda implements OnInit {
     this.view = view;
   }
 
-  dayClicked({ date, events }: { date: Date; events: CalendarEvent[] }): void {
+  dayClicked(event: any): void {
+    // Gérer les différents types d'événements selon la vue
+    let date: Date;
+    let events: CalendarEvent[] = [];
+    
+    if (event.day) {
+      // Vue mois : { day: MonthViewDay, sourceEvent: MouseEvent | KeyboardEvent }
+      date = event.day.date;
+      events = event.day.events || [];
+    } else if (event.date) {
+      // Vue semaine/jour : { date: Date, events: CalendarEvent[], sourceEvent: MouseEvent | KeyboardEvent }
+      date = event.date;
+      events = event.events || [];
+    } else {
+      // Fallback pour les autres cas
+      console.warn('Type d\'événement dayClicked non reconnu:', event);
+      return;
+    }
+    
     console.log('Day clicked:', date, events);
   }
 
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index bf513dc..504ebed 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -121,4 +121,8 @@ label { font-size: 0.85rem; color: $color-muted; }
   height: 16px;
   padding: 10px;
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
+}
+
+.search{
+  width: 20%;
 }
\ No newline at end of file