diff --git a/wwwroot/css/calendar-base-css.css b/wwwroot/css/calendar-base-css.css
index f468beb..0abb46d 100644
--- a/wwwroot/css/calendar-base-css.css
+++ b/wwwroot/css/calendar-base-css.css
@@ -32,7 +32,7 @@
   /* Grid colors */
   --color-grid-line: #e0e0e0;
   --color-grid-line-light: rgba(0, 0, 0, 0.05);
-  --color-hour-line: #b0b0b0;
+  --color-hour-line: rgba(0, 0, 0, 0.08);
   --color-work-hours: rgba(0, 100, 0, 0.06);
   --color-current-time: #ff0000;
   
diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index 713dfc1..ed974e3 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -103,7 +103,7 @@ swp-time-axis {
   left: 0;
   z-index: 3; /* Lower than header elements so it scrolls behind them */
   width: 60px;
-  overflow: visible;
+  overflow: hidden;
   height: 100%;
 }
 
@@ -207,7 +207,7 @@ swp-hour-marker::after {
   left: 100%;
   width: 100vw;
   height: 1px;
-  background: #d0d0d0;
+  background: var(--color-hour-line);
   pointer-events: none;
 }
 
@@ -297,6 +297,7 @@ swp-time-grid::before {
   left: 0;
   right: 0;
   background: var(--color-work-hours);
+  min-width: calc(var(--week-days) * var(--day-column-min-width));
   pointer-events: none;
 }