diff --git a/packages/nc-gui/components/smartsheet/calendar/DayView/DateTimeField.vue b/packages/nc-gui/components/smartsheet/calendar/DayView/DateTimeField.vue
index 90c6ca3169..7435e35a84 100644
--- a/packages/nc-gui/components/smartsheet/calendar/DayView/DateTimeField.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/DayView/DateTimeField.vue
@@ -67,7 +67,7 @@ const overlayTop = computed(() => {
 
   const minutes = currTime.value.minute() + currTime.value.hour() * 60
 
-  const top = (perRecordHeight / 60) * minutes
+  const top = (perRecordHeight / 60) * minutes - 9
 
   return top
 })
@@ -921,9 +921,9 @@ watch(
       <div class="flex w-full items-center">
         <span
           class="text-brand-500 text-xs rounded-md border-1 pointer-events-auto px-0.5 border-brand-200 cursor-pointer bg-brand-50"
-          @click="newRecord(dayjs())"
+          @click="newRecord(currTime)"
         >
-          {{ dayjs().format('hh:mm A') }}
+          {{ currTime.format('hh:mm A') }}
         </span>
         <div class="flex-1 border-b-1 border-brand-500"></div>
       </div>
diff --git a/packages/nc-gui/components/smartsheet/calendar/WeekView/DateTimeField.vue b/packages/nc-gui/components/smartsheet/calendar/WeekView/DateTimeField.vue
index d40044ff0d..71de7449db 100644
--- a/packages/nc-gui/components/smartsheet/calendar/WeekView/DateTimeField.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/WeekView/DateTimeField.vue
@@ -76,7 +76,7 @@ const overlayStyle = computed(() => {
   const left = (containerWidth.value / maxVisibleDays.value) * getDayIndex(currTime.value)
   const minutes = currTime.value.hour() * 60 + currTime.value.minute()
 
-  const top = (52 / 60) * minutes
+  const top = (52 / 60) * minutes - 12
 
   return {
     width: `${containerWidth.value / maxVisibleDays.value}px`,
@@ -965,7 +965,7 @@ watch(
           class="text-brand-500 rounded-md text-xs border-1 pointer-events-auto px-0.5 border-brand-200 cursor-pointer bg-brand-50"
           @click="addRecord(dayjs())"
         >
-          {{ dayjs().format('hh:mm A') }}
+          {{ currTime.format('hh:mm A') }}
         </span>
         <div class="flex-1 border-b-1 border-brand-500"></div>
       </div>