From 41d17e7cae7949dbb169963b3a0e71516afa91b3 Mon Sep 17 00:00:00 2001
From: kaitranntt <kaitran.ntt@gmail.com>
Date: Sun, 25 Jan 2026 17:06:44 -0500
Subject: [PATCH] fix(ui): improve tier header contrast in quota tooltip

---
 ui/src/components/account/flow-viz/account-card.tsx         | 2 +-
 ui/src/components/cliproxy/provider-editor/account-item.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/account/flow-viz/account-card.tsx b/ui/src/components/account/flow-viz/account-card.tsx
index 09756a94..887afd05 100644
--- a/ui/src/components/account/flow-viz/account-card.tsx
+++ b/ui/src/components/account/flow-viz/account-card.tsx
@@ -231,7 +231,7 @@ export function AccountCard({
                         if (!models || models.length === 0) return null;
                         return (
                           <div key={tier} className="space-y-0.5">
-                            <div className="text-[10px] uppercase tracking-wider text-muted-foreground/70 font-semibold border-b border-border/30 pb-0.5">
+                            <div className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold border-b border-border/50 pb-0.5">
                               {getTierLabel(tier)}
                             </div>
                             {models.map((m) => (
diff --git a/ui/src/components/cliproxy/provider-editor/account-item.tsx b/ui/src/components/cliproxy/provider-editor/account-item.tsx
index ab3c56a0..6514eb47 100644
--- a/ui/src/components/cliproxy/provider-editor/account-item.tsx
+++ b/ui/src/components/cliproxy/provider-editor/account-item.tsx
@@ -361,7 +361,7 @@ export function AccountItem({
                           if (!models || models.length === 0) return null;
                           return (
                             <div key={tier} className="space-y-0.5">
-                              <div className="text-[10px] uppercase tracking-wider text-muted-foreground/70 font-semibold border-b border-border/30 pb-0.5">
+                              <div className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold border-b border-border/50 pb-0.5">
                                 {getTierLabel(tier)}
                               </div>
                               {models.map((m) => (