diff --git a/packages/nc-gui/components/smartsheet/calendar/DateTimeSpanningContainer.vue b/packages/nc-gui/components/smartsheet/calendar/DateTimeSpanningContainer.vue
index a2860eb206..6c9e6e586b 100644
--- a/packages/nc-gui/components/smartsheet/calendar/DateTimeSpanningContainer.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/DateTimeSpanningContainer.vue
@@ -135,7 +135,7 @@ const calendarData = computed(() => {
       else if (isEndInRange) position = 'rightRounded'
 
       const style: Partial<CSSStyleDeclaration> = {
-        top: `${row * 28 + row * 8 + 4}px`,
+        top: `${row * 28 + row * 8 + 8}px`,
         left: `${startDayIndex * perDayWidth}px`,
         width: `${spanDays * perDayWidth}px`,
       }