diff --git a/internal/app/static/style.css b/internal/app/static/style.css
index 792421f..11ab244 100644
--- a/internal/app/static/style.css
+++ b/internal/app/static/style.css
@@ -497,8 +497,8 @@ blockquote { margin: 10px 0; padding-left: 12px; border-left: 2px solid #d8dfdb;
 .presence-badge.remote { background: #e9eff7; color: #4c6e96; }
 .presence-badge.absent { background: #f8e9e7; color: #a34d47; }
 
-.week-layout { max-width: 1380px; margin: 0 auto; }
-.week-calendar { overflow: hidden; }
+.week-layout { display: flex; flex-direction: column; max-width: 1380px; min-height: calc(100vh - 220px); margin: 0 auto; }
+.week-calendar { display: flex; flex: 1; flex-direction: column; overflow: hidden; }
 .week-toolbar { display: flex; justify-content: space-between; align-items: center; min-height: 80px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
 .week-navigation { display: grid; grid-template-columns: 35px auto 35px; gap: 12px; align-items: center; }
 .week-navigation > a { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: var(--white); font-size: 1.2rem; }
@@ -508,7 +508,7 @@ blockquote { margin: 10px 0; padding-left: 12px; border-left: 2px solid #d8dfdb;
 .week-totals { display: flex; gap: 15px; color: var(--muted); font-size: .62rem; }
 .week-totals span { display: flex; gap: 6px; align-items: center; }
 .week-totals strong { color: var(--ink); font-size: .78rem; }
-.week-grid { display: grid; grid-template-columns: repeat(7, minmax(190px, 1fr)); overflow-x: auto; background: var(--line); gap: 1px; scrollbar-width: thin; }
+.week-grid { display: grid; flex: 1; min-height: 0; grid-template-columns: repeat(7, minmax(190px, 1fr)); overflow-x: auto; background: var(--line); gap: 1px; scrollbar-width: thin; }
 .week-day-column { min-width: 190px; min-height: 480px; background: var(--white); }
 .week-day-column.friday { background: #fcfaf6; }
 .week-day-column.today { box-shadow: inset 0 3px 0 var(--green); }