diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index 3abdbce..ca8c7ee 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -25,8 +25,8 @@ export default {
       calendarLayout: "",
       currentDate: moment(),
       timeInformation: {
-        dayStartTime: "0 :00",
-        dayEndTime: "16:00",
+        dayStartTime: "0:00",
+        dayEndTime: "20:00",
       },
       eventsData: [],
       teamData: [],
diff --git a/src/pages/calendar/components/CalendarSchedule.vue b/src/pages/calendar/components/CalendarSchedule.vue
index 5ef74b3..b07280d 100644
--- a/src/pages/calendar/components/CalendarSchedule.vue
+++ b/src/pages/calendar/components/CalendarSchedule.vue
@@ -21,7 +21,7 @@
           :style="columnSize"
         )
       .flex.w-full.relative
-        .time-coil-wrapper.left-0.-mt-3
+        .time-coil-wrapper.left-0.-mt-12.pt-9
           calendar-clock-column(
             :timeCoil="timeCoil"
             :current-time="currentTime"
@@ -120,7 +120,7 @@ export default {
     },
     circleIndicatorLocation() {
       return {
-        top: `${this.calculateIndicatorLocation() + 6}px`,
+        top: `${this.calculateIndicatorLocation() + 42}px`,
       };
     },
     pixelsPerMinute() {
@@ -362,6 +362,7 @@ export default {
 .time-coil-wrapper
   position: sticky
   z-index: 5
+  background-color: var(--default-white)
 
 .schedule-body
   width: 100%