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' &&