diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index f3ef596..66caf63 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -14,9 +14,9 @@
 
 /* Main calendar container - full height */
 swp-calendar {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  height: calc(100vh - 20px);
   width: 100%;
   background: var(--color-background);
   position: relative;
@@ -37,7 +37,6 @@ swp-calendar-nav {
 
 /* Calendar container grid - POC structure */
 swp-calendar-container {
-  flex: 1;
   display: grid;
   grid-template-columns: 60px 1fr 20px;
   grid-template-rows: auto 1fr 20px;