diff --git a/frontend/src/components/schedule_overlap/ScheduleOverlap.vue b/frontend/src/components/schedule_overlap/ScheduleOverlap.vue
index fad92479..96fb112f 100644
--- a/frontend/src/components/schedule_overlap/ScheduleOverlap.vue
+++ b/frontend/src/components/schedule_overlap/ScheduleOverlap.vue
@@ -173,6 +173,7 @@
                       id="drag-section"
                       data-long-press-delay="500"
                       class="tw-relative tw-flex"
+                      style="background-color: #ffdede;"
                       @mouseleave="resetCurTimeslot"
                     >
                       <!-- Loader -->