diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index 66caf63..9034a05 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -42,6 +42,7 @@ swp-calendar-container {
   grid-template-rows: auto 1fr 20px;
   overflow: hidden;
   position: relative;
+  height: 100%;
 }
 
 
@@ -72,13 +73,14 @@ swp-right-header-spacer {
 
 /* Week container for sliding */
 swp-week-container {
-  grid-column: 2 / 4; /* Span across columns 2-3 to include right spacer area */
-  grid-row: 1 / 3;
+  grid-column: 2; /* Only column 2, not spanning to column 3 */
+  grid-row: 1;
   display: grid;
   grid-template-rows: auto 1fr;
   position: relative;
   width: 100%;
   transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
 }
 
 /* Right column for scrollbar */
@@ -94,7 +96,7 @@ swp-right-column {
 /* Time axis */
 swp-time-axis {
   grid-column: 1;
-  grid-row: 2;
+  grid-row: 1 / 3;
   background: var(--color-surface);
   border-right: 1px solid var(--color-border);
   position: sticky;
@@ -103,6 +105,7 @@ swp-time-axis {
   width: 60px;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 /* Right bottom spacer */
@@ -155,6 +158,15 @@ swp-bottom-middle-spacer {
   background: #f0f0f0;
   border-top: 2px solid #333;
   overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #333;
+}
+
+swp-bottom-middle-spacer::before {
+  content: "Row 3, Column 2 - TEST";
 }