diff --git a/packages/frontend/src/shell/DashboardCalendarTab.module.css b/packages/frontend/src/shell/DashboardCalendarTab.module.css
index b73cfb9..14322ad 100644
--- a/packages/frontend/src/shell/DashboardCalendarTab.module.css
+++ b/packages/frontend/src/shell/DashboardCalendarTab.module.css
@@ -518,6 +518,11 @@
   overflow: hidden;
 }
 
+/* Im Home-Sidebar: Agenda füllt volle Breite des Containers */
+.agendaFull {
+  width: 100%;
+}
+
 .agendaHeader {
   display: flex;
   flex-direction: column;
diff --git a/packages/frontend/src/shell/DashboardCalendarTab.tsx b/packages/frontend/src/shell/DashboardCalendarTab.tsx
index 749021c..08bfcc5 100644
--- a/packages/frontend/src/shell/DashboardCalendarTab.tsx
+++ b/packages/frontend/src/shell/DashboardCalendarTab.tsx
@@ -75,14 +75,16 @@ function eventColor(id: string): string {
 export function DayAgenda({
   day,
   events,
+  fullWidth = false,
 }: {
   day: Date;
   events: M365CalendarEvent[];
+  fullWidth?: boolean;
 }) {
   const dayEvents = getEventsForDay(events, day);
 
   return (
-    <aside className={styles.agenda}>
+    <aside className={`${styles.agenda}${fullWidth ? ` ${styles.agendaFull}` : ''}`}>
       <div className={styles.agendaHeader}>
         <span className={styles.agendaWeekday}>
           {day.toLocaleDateString('de-DE', { weekday: 'long' })}
diff --git a/packages/frontend/src/shell/DashboardPage.tsx b/packages/frontend/src/shell/DashboardPage.tsx
index 0171d46..2d76239 100644
--- a/packages/frontend/src/shell/DashboardPage.tsx
+++ b/packages/frontend/src/shell/DashboardPage.tsx
@@ -217,7 +217,7 @@ function HomeSidebar() {
           ? <p style={{ fontSize: '0.875rem', color: 'var(--color-text-muted)', marginTop: '0.5rem' }}>
               Kalender wird geladen…
             </p>
-          : <DayAgenda day={today} events={events} />
+          : <DayAgenda day={today} events={events} fullWidth />
       )}
     </div>
   );