diff --git a/src/renderer/components/ui/Badge.tsx b/src/renderer/components/ui/Badge.tsx
index 244f6485..d5e4c256 100644
--- a/src/renderer/components/ui/Badge.tsx
+++ b/src/renderer/components/ui/Badge.tsx
@@ -4,7 +4,7 @@ export function Badge({ count, tone = "default" }: { count: number; tone?: "defa
     ? "bg-destructive text-destructive-foreground"
     : tone === "warn"
     ? "bg-warning text-warning-foreground"
-    : "bg-muted text-muted-foreground";
+    : "bg-primary text-primary-foreground";
   return (
     <span className={`ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full px-1.5 text-[10px] font-bold ${toneClass}`}>
       {count > 99 ? "99+" : count}