From 84c991f28f0ee3eb019c3a961911ed1f78db66c4 Mon Sep 17 00:00:00 2001
From: Joep31 <joep@kendew-agency.com>
Date: Tue, 3 Feb 2026 14:44:02 +0100
Subject: [PATCH] refactor: z-index of indicator preview

---
 playground/features/comments/comment-wrapper.tsx | 1 +
 src/components/comment-overlay.tsx               | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/playground/features/comments/comment-wrapper.tsx b/playground/features/comments/comment-wrapper.tsx
index 4de3f7e..e1fa9ca 100644
--- a/playground/features/comments/comment-wrapper.tsx
+++ b/playground/features/comments/comment-wrapper.tsx
@@ -89,6 +89,7 @@ export const CommentWrapper = ({ children }: { children: ReactNode }) => {
       initialOverlayState="idle"
       config={{
         idPrefix: "k_",
+        indicatorVisibility: "active",
       }}
     >
       <div style={{ display: "flex", gap: 10 }}>
diff --git a/src/components/comment-overlay.tsx b/src/components/comment-overlay.tsx
index 91b9324..48a6497 100644
--- a/src/components/comment-overlay.tsx
+++ b/src/components/comment-overlay.tsx
@@ -157,8 +157,9 @@ export const CommentOverlay = ({ children, ...rest }: CommentOverlayProps) => {
             top: preview.y,
             width: preview.width,
             height: preview.height,
-            border: "1px dashed currentColor",
+            border: "2px dashed black",
             pointerEvents: "none",
+            zIndex: 1,
           }}
         />
       )}