From 89e83510aebaecf847a71ac05d8cd219adc289b1 Mon Sep 17 00:00:00 2001 From: ryan-crabbe-berri Date: Thu, 20 Aug 2026 11:39:15 -0700 Subject: [PATCH] fix(ui): give the blocking budget row a distinct hover colour --- .../src/components/templates/KeyBudgetsTable.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/litellm-dashboard/src/components/templates/KeyBudgetsTable.tsx b/ui/litellm-dashboard/src/components/templates/KeyBudgetsTable.tsx index 53dec58daaa..6cd0383150b 100644 --- a/ui/litellm-dashboard/src/components/templates/KeyBudgetsTable.tsx +++ b/ui/litellm-dashboard/src/components/templates/KeyBudgetsTable.tsx @@ -27,7 +27,7 @@ function BudgetRows({ budgets, isLoading }: { budgets: readonly KeyBudgetEntry[] noDataMessage="No budgets apply to this key." // Every row is two lines tall whatever it carries, so the table reads as a grid rather than // taking its height from whichever caveat happened to be longest. - rowClassName={(row) => cn("h-14", isBlockingRow(row.original) ? "bg-red-50 hover:bg-red-50" : "")} + rowClassName={(row) => cn("h-14", isBlockingRow(row.original) ? "bg-red-50 hover:bg-red-100" : "")} size="compact" />