fix: active metric label white and slightly smaller

2026-03-11 23:15:59 +01:00
parent 275503ae8f
commit 1c5ca7fa54
1 changed files with 1 additions and 1 deletions
--- a/components/dashboard/Chart.tsx
+++ b/components/dashboard/Chart.tsx
@@ -348,7 +348,7 @@ export default function Chart({
                  metric === m.key && 'bg-neutral-50 dark:bg-neutral-800/40',
                )}
              >
-                <div className="text-xs font-semibold uppercase tracking-widest text-neutral-400 dark:text-neutral-500 mb-2">{m.label}</div>
+                <div className={cn('text-[10px] font-semibold uppercase tracking-widest mb-2', metric === m.key ? 'text-white' : 'text-neutral-400 dark:text-neutral-500')}>{m.label}</div>
                <div className="flex items-baseline gap-2">
                  <span className="text-2xl font-bold text-neutral-900 dark:text-white">{m.format(m.value)}</span>
                  {m.change !== null && (