improve inspector overlay styles

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>

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>