From f5094c5a94489ff04e2c260f642ed2baf4ec6487 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Fri, 17 Oct 2025 16:15:14 -0700
Subject: [PATCH] Fix drop marker

---
 src-web/components/core/tree/Tree.tsx           | 5 ++++-
 src-web/components/core/tree/TreeDropMarker.tsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src-web/components/core/tree/Tree.tsx b/src-web/components/core/tree/Tree.tsx
index 640ff52f..01313b13 100644
--- a/src-web/components/core/tree/Tree.tsx
+++ b/src-web/components/core/tree/Tree.tsx
@@ -432,10 +432,13 @@ function TreeInner<T extends { id: string }>(
               '[&:focus-within]:[&_.tree-item.selected]:bg-surface-active',
               '[&:not(:focus-within)]:[&_.tree-item.selected]:bg-surface-highlight',
 
-              // Round the items, but only if the ends of the selection
+              // Round the items, but only if the ends of the selection.
+              // Also account for the drop marker being in between items
               '[&_.tree-item]:rounded-md',
               '[&_.tree-item.selected+.tree-item.selected]:rounded-t-none',
+              '[&_.tree-item.selected+.drop-marker+.tree-item.selected]:rounded-t-none',
               '[&_.tree-item.selected:has(+.tree-item.selected)]:rounded-b-none',
+              '[&_.tree-item.selected:has(+.drop-marker+.tree-item.selected)]:rounded-b-none',
             )}
           >
             <TreeItemList nodes={selectableItems} treeId={treeId} {...treeItemListProps} />
diff --git a/src-web/components/core/tree/TreeDropMarker.tsx b/src-web/components/core/tree/TreeDropMarker.tsx
index 19fcaa4e..dd659bec 100644
--- a/src-web/components/core/tree/TreeDropMarker.tsx
+++ b/src-web/components/core/tree/TreeDropMarker.tsx
@@ -27,7 +27,7 @@ export const TreeDropMarker = memo(function TreeDropMarker({
   if (collapsed) return null;
 
   return (
-    <div style={{ paddingLeft: `${parentDepth}rem` }}>
+    <div className="drop-marker" style={{ paddingLeft: `${parentDepth}rem` }}>
       <DropMarker className={classNames(className)} />
     </div>
   );