From b32de549443a1a2c4802ec1809d199fe84ffd5b6 Mon Sep 17 00:00:00 2001
From: "R.D." <rogerproself@gmail.com>
Date: Wed, 25 Mar 2026 12:46:28 -0400
Subject: [PATCH] fix: use bg-surface for Provider Limits table to match Card
 components in light mode

bg-bg-subtle (#f0f0f5) appears gray against the page background in
light mode. Changed to bg-surface (#ffffff) for consistency with other
Card-based UI sections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../dashboard/usage/components/ProviderLimits/index.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.tsx b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.tsx
index b78b8412f2..a5aa7274b6 100644
--- a/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.tsx
+++ b/src/app/(dashboard)/dashboard/usage/components/ProviderLimits/index.tsx
@@ -511,7 +511,7 @@ export default function ProviderLimits() {
       </div>
 
       {/* Account rows */}
-      <div className="rounded-xl border border-border overflow-hidden bg-bg-subtle">
+      <div className="rounded-xl border border-border overflow-hidden bg-surface">
         {/* Table header */}
         <div
           className="items-center px-4 py-2.5 border-b border-border text-[11px] font-semibold uppercase tracking-wider text-text-muted"