From 6733d4e4596a4513264f94a360197431109bc72f Mon Sep 17 00:00:00 2001
From: Sahaj Jain <sahajjain13@gmail.com>
Date: Sun, 29 Jun 2025 00:26:48 +0530
Subject: [PATCH] improve inspector overlay styles

---
 components/editor/inspector-class-item.tsx | 2 +-
 components/editor/inspector-overlay.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/editor/inspector-class-item.tsx b/components/editor/inspector-class-item.tsx
index 82e99104..dfc1ceec 100644
--- a/components/editor/inspector-class-item.tsx
+++ b/components/editor/inspector-class-item.tsx
@@ -84,7 +84,7 @@ const InspectorClassItem = memo(({ className }: InspectorClassItemProps) => {
             backgroundColor: styles[segments.value as keyof typeof styles],
           }}
           className={cn(
-            "border-background ring-border block size-4 shrink-0 rounded-md border-1 ring-1"
+            "border-foreground ring-border block size-4 shrink-0 rounded-md border-1 ring-1"
           )}
         />
         <span className="font-mono text-xs">{renderSegmentedClassName()}</span>
diff --git a/components/editor/inspector-overlay.tsx b/components/editor/inspector-overlay.tsx
index 1c8e1eb2..3183952b 100644
--- a/components/editor/inspector-overlay.tsx
+++ b/components/editor/inspector-overlay.tsx
@@ -64,7 +64,7 @@ const InspectorOverlay = ({ inspector, enabled, rootRef }: InspectorOverlayProps
           )}
           sideOffset={8}
         >
-          <p className="text-muted-foreground flex items-center gap-1.5 px-2 text-sm font-semibold">
+          <p className="text-muted-foreground flex items-center gap-1.5 px-1 text-sm">
             <Inspect className="size-4" />
             Inspector
           </p>