diff --git a/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts b/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
index b04ad12cfd..7dcb534b60 100644
--- a/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
+++ b/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
@@ -45,14 +45,20 @@ export const useColumnDrag = ({
 
     draggedCol.value = fields.value.find((f) => f.id === colId) ?? null
     dragColPlaceholderDomRef.value!.style.height = `${tableBodyEl.value?.getBoundingClientRect().height}px`
+
+    const x = e.clientX - leftSidebarWidth.value
+
+    if (x >= 0 && dragColPlaceholderDomRef.value) {
+      dragColPlaceholderDomRef.value.style.left = `${x.toString()}px`
+    }
   }
 
   const onDrag = (e: DragEvent) => {
+    e.preventDefault()
+
     if (!e.dataTransfer) return
     if (!draggedCol.value) return
 
-    e.preventDefault()
-
     if (!dragColPlaceholderDomRef.value) return
 
     if (e.clientX === 0) {