diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css
index a25d69f..0b2e60a 100644
--- a/wwwroot/css/calendar-layout-css.css
+++ b/wwwroot/css/calendar-layout-css.css
@@ -202,17 +202,6 @@ swp-hour-marker {
   position: relative;
 }
 
-swp-hour-marker::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 100%;
-  width: calc(100vw - 60px); /* Full viewport width minus time-axis width */
-  height: 1px;
-  background: var(--color-hour-line);
-  pointer-events: none;
-  z-index: 2; /* Ensure it appears above other elements */
-}
 swp-hour-marker::before {
   content: '';
   position: absolute;
@@ -225,13 +214,14 @@ swp-hour-marker::before {
   z-index: 2; /* Ensure it appears above other elements */
 }
 /* Add hour lines to time-grid as background */
-swp-time-grid {
+swp-time-grid::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
+  min-width: calc(var(--week-days) * var(--day-column-min-width)); /* Dynamic width like swp-grid-lines */
   background-image: repeating-linear-gradient(
     to bottom,
     transparent,