diff --git a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx
index 274051c..73e4651 100644
--- a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx
+++ b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/base-kanban-root.tsx
@@ -4,7 +4,7 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
+import type { FC, PointerEvent } from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
@@ -150,6 +150,20 @@ export const BaseKanBanRoot = observer(function BaseKanBanRoot(props: IBaseKanBa
     setSelectedIssueId(undefined);
   }, []);
 
+  const handleKanbanPointerDown = useCallback(
+    (event: PointerEvent<HTMLDivElement>) => {
+      if (!selectedIssueId) return;
+
+      const target = event.target;
+
+      if (!(target instanceof Element)) return;
+      if (target.closest("[data-nodedc-kanban-issue-card='true']")) return;
+
+      handleClearSelectedIssue();
+    },
+    [handleClearSelectedIssue, selectedIssueId]
+  );
+
   const canEditProperties = useCallback(
     (projectId: string | undefined) => {
       const isEditingAllowedBasedOnProject =
@@ -302,6 +316,7 @@ export const BaseKanBanRoot = observer(function BaseKanBanRoot(props: IBaseKanBa
         <div
           className={`nodedc-kanban-scroll-container horizontal-scrollbar relative flex scrollbar-lg h-full w-full bg-transparent ${sub_group_by ? "vertical-scrollbar overflow-y-auto" : "overflow-x-auto overflow-y-hidden"}`}
           ref={scrollableContainerRef}
+          onPointerDownCapture={handleKanbanPointerDown}
         >
           <div className="relative h-full w-max min-w-full bg-transparent">
             <div className="h-full w-max">
diff --git a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/block.tsx b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/block.tsx
index f4a8c9f..a731e3e 100644
--- a/plane-src/apps/web/core/components/issues/issue-layouts/kanban/block.tsx
+++ b/plane-src/apps/web/core/components/issues/issue-layouts/kanban/block.tsx
@@ -330,6 +330,7 @@ export const KanbanIssueBlock = observer(function KanbanIssueBlock(props: IssueB
             { "z-[100]": isCurrentBlockDragging && cardVariant === "internal-contour" }
           )}
           data-card-variant={cardVariant}
+          data-nodedc-kanban-issue-card="true"
           onClick={handleIssueBlockClick}
           disabled={!!issue?.tempId}
         >