From a9cd94eb935fed8e73b0d88e599c27048f2939c3 Mon Sep 17 00:00:00 2001
From: Rakshith Bhat <88523594+RakshithBhat03@users.noreply.github.com>
Date: Mon, 24 Aug 2026 02:33:18 +0530
Subject: [PATCH] fix(web): keep provider badge legible in dark themes (#7968)

Co-authored-by: t3-code[bot] <269035359+t3-code[bot]@users.noreply.github.com>
Co-authored-by: maria <254055478+maria-rcks@users.noreply.github.com>
---
 apps/web/src/components/chat/ProviderInstanceIcon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/ProviderInstanceIcon.tsx b/apps/web/src/components/chat/ProviderInstanceIcon.tsx
index a58e29fe115b068cb3657b2b9ff8c10bc286e5c9..53c66667f93978ce5cf23f80e4638529a8b9b153 100644
--- a/apps/web/src/components/chat/ProviderInstanceIcon.tsx
+++ b/apps/web/src/components/chat/ProviderInstanceIcon.tsx
@@ -65,7 +65,7 @@ export const ProviderInstanceIcon = memo(function ProviderInstanceIcon(props: {
             "pointer-events-none absolute right-0 bottom-0 z-10 flex h-3.5 min-w-3.5 items-center justify-center rounded-full border px-0.5 text-[8px] font-semibold leading-none shadow-sm",
             props.accentColor
               ? "bg-[var(--provider-accent)] text-white"
-              : "bg-muted text-muted-foreground",
+              : "bg-card text-muted-foreground",
             props.badgeClassName,
           )}
           style={{ borderColor: indicatorBackground }}
-- 
2.54.0