diff --git a/index.html b/index.html
index 75f488b..48ae829 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
       href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script src="https://telegram.org/js/telegram-web-app.js"></script>
+    <script src="https://telegram.org/js/telegram-web-app.js" async></script>
     <style>
       body {
         background-color: #0a0f1a;
diff --git a/src/components/sales-stats/DonutChart.tsx b/src/components/sales-stats/DonutChart.tsx
index 10114dc..68de1eb 100644
--- a/src/components/sales-stats/DonutChart.tsx
+++ b/src/components/sales-stats/DonutChart.tsx
@@ -57,8 +57,10 @@ export function DonutChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
           />
         </PieChart>
       </ResponsiveContainer>
diff --git a/src/components/sales-stats/DualAreaChart.tsx b/src/components/sales-stats/DualAreaChart.tsx
index 8ccf100..bbc9db7 100644
--- a/src/components/sales-stats/DualAreaChart.tsx
+++ b/src/components/sales-stats/DualAreaChart.tsx
@@ -114,8 +114,10 @@ export function DualAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => {
               const displayValue = value ?? 0;
               if (name === 'series1') return [displayValue, series1Label];
diff --git a/src/components/sales-stats/MultiSeriesAreaChart.tsx b/src/components/sales-stats/MultiSeriesAreaChart.tsx
index 8bc54eb..6d55501 100644
--- a/src/components/sales-stats/MultiSeriesAreaChart.tsx
+++ b/src/components/sales-stats/MultiSeriesAreaChart.tsx
@@ -128,8 +128,10 @@ export function MultiSeriesAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => [
               valueFormatter ? valueFormatter(value ?? 0) : (value ?? 0),
               name || valueLabel || '',
diff --git a/src/components/sales-stats/SimpleAreaChart.tsx b/src/components/sales-stats/SimpleAreaChart.tsx
index 3064617..ce4237f 100644
--- a/src/components/sales-stats/SimpleAreaChart.tsx
+++ b/src/components/sales-stats/SimpleAreaChart.tsx
@@ -96,8 +96,10 @@ export function SimpleAreaChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined) => [value ?? 0, valueLabel || '']}
           />
           <Area
diff --git a/src/components/sales-stats/SimpleBarChart.tsx b/src/components/sales-stats/SimpleBarChart.tsx
index dc144a8..7cab340 100644
--- a/src/components/sales-stats/SimpleBarChart.tsx
+++ b/src/components/sales-stats/SimpleBarChart.tsx
@@ -77,8 +77,10 @@ export function SimpleBarChart({
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: SALES_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: SALES_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined) => [
               valueFormatter ? valueFormatter(value ?? 0) : (value ?? 0),
             ]}
diff --git a/src/components/stats/DailyChart.tsx b/src/components/stats/DailyChart.tsx
index d1d06c0..94b4b69 100644
--- a/src/components/stats/DailyChart.tsx
+++ b/src/components/stats/DailyChart.tsx
@@ -111,8 +111,10 @@ export function DailyChart({ data, chartId, title, earningsLabel, countLabel }:
               border: `1px solid ${colors.tooltipBorder}`,
               borderRadius: PARTNER_STATS.TOOLTIP.BORDER_RADIUS,
               fontSize: PARTNER_STATS.TOOLTIP.FONT_SIZE,
+              color: colors.label,
             }}
             labelStyle={{ color: colors.label }}
+            itemStyle={{ color: colors.label }}
             formatter={(value: number | undefined, name: string | undefined) => {
               const displayValue = value ?? 0;
               if (name === 'earnings_display') {
diff --git a/src/pages/AdminLandingStats.tsx b/src/pages/AdminLandingStats.tsx
index 4f41625..af09df6 100644
--- a/src/pages/AdminLandingStats.tsx
+++ b/src/pages/AdminLandingStats.tsx
@@ -477,8 +477,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                   />
                   <Area
                     yAxisId="left"
@@ -539,8 +541,10 @@ export default function AdminLandingStats() {
                       border: `1px solid ${colors.tooltipBorder}`,
                       borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                       fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                      color: colors.label,
                     }}
                     labelStyle={{ color: colors.label }}
+                    itemStyle={{ color: colors.label }}
                     formatter={(value: number | undefined) => {
                       return [value ?? 0, t('admin.landings.stats.purchases')];
                     }}
@@ -617,7 +621,9 @@ export default function AdminLandingStats() {
                         border: `1px solid ${colors.tooltipBorder}`,
                         borderRadius: CHART_COMMON.TOOLTIP.BORDER_RADIUS,
                         fontSize: CHART_COMMON.TOOLTIP.FONT_SIZE,
+                        color: colors.label,
                       }}
+                      itemStyle={{ color: colors.label }}
                     />
                   </PieChart>
                 </ResponsiveContainer>