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,
           }}
         />
       )}