diff --git a/packages/nc-gui/assets/css/global.css b/packages/nc-gui/assets/css/global.css
index 530ad1ccb5..960d9d633c 100644
--- a/packages/nc-gui/assets/css/global.css
+++ b/packages/nc-gui/assets/css/global.css
@@ -22,4 +22,11 @@ Apply Vazirmatn for rtl
 
 .rtl .v-application .ml-n1 {
 	margin-left: 0px !important;
+}
+
+/*
+For Drag and Drop
+*/
+.grabbing * {
+	cursor: grabbing;
 }
\ No newline at end of file
diff --git a/packages/nc-gui/components/smartsheet/Kanban.vue b/packages/nc-gui/components/smartsheet/Kanban.vue
index 032a63a11c..badc03f81f 100644
--- a/packages/nc-gui/components/smartsheet/Kanban.vue
+++ b/packages/nc-gui/components/smartsheet/Kanban.vue
@@ -263,6 +263,8 @@ watch(
         draggable=".nc-kanban-stack"
         filter=".not-draggable"
         :move="onMoveCallback"
+        @start="(e) => e.target.classList.add('grabbing')"
+        @end="(e) => e.target.classList.remove('grabbing')"
         @change="onMoveStack($event)"
       >
         <template #item="{ element: stack, index: stackIdx }">
@@ -335,6 +337,8 @@ watch(
                       group="kanban-card"
                       class="h-full"
                       filter=".not-draggable"
+                      @start="(e) => e.target.classList.add('grabbing')"
+                      @end="(e) => e.target.classList.remove('grabbing')"
                       @change="onMove($event, stack.title)"
                     >
                       <template #item="{ element: record }">