diff --git a/artifacts/teaboy-os/src/components/ui/chart.tsx b/artifacts/teaboy-os/src/components/ui/chart.tsx
index 095f6b60..6faec6d1 100644
--- a/artifacts/teaboy-os/src/components/ui/chart.tsx
+++ b/artifacts/teaboy-os/src/components/ui/chart.tsx
@@ -1,5 +1,7 @@
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"
+import { useTranslation } from "react-i18next"
+import { formatNumber } from "@/lib/i18n-format"
 
 import { cn } from "@/lib/utils"
 
@@ -130,6 +132,8 @@ const ChartTooltipContent = React.forwardRef<
     ref
   ) => {
     const { config } = useChart()
+    const { i18n: i18nInstance } = useTranslation()
+    const lang = i18nInstance.language
 
     const tooltipLabel = React.useMemo(() => {
       if (hideLabel || !payload?.length) {
@@ -240,7 +244,7 @@ const ChartTooltipContent = React.forwardRef<
                         </div>
                         {item.value && (
                           <span className="font-mono font-medium tabular-nums text-foreground">
-                            {new Intl.NumberFormat("en-US-u-nu-latn", { numberingSystem: "latn" }).format(Number(item.value))}
+                            {formatNumber(Number(item.value), lang)}
                           </span>
                         )}
                       </div>