From 13f6f53868a8b5dbb51129886ac5db7af244901b Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 12 Mar 2026 18:25:15 +0100
Subject: [PATCH] fix: tooltip indicator dot not showing slice color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

bg-[--color-bg] doesn't resolve in Tailwind v4 — needs var() wrapper.
Changed to bg-[var(--color-bg)] and border-[var(--color-border)].
---
 components/charts/chart.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/charts/chart.tsx b/components/charts/chart.tsx
index a4249f5..2424041 100644
--- a/components/charts/chart.tsx
+++ b/components/charts/chart.tsx
@@ -174,7 +174,7 @@ const ChartTooltipContent = React.forwardRef<
                   !hideIndicator && (
                     <div
                       className={cn(
-                        'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',
+                        'shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]',
                         indicator === 'dot' && 'h-2.5 w-2.5 rounded-full',
                         indicator === 'line' && 'w-1',
                         indicator === 'dashed' &&