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>