From 552706e4082e4a924716b1bb0531cee01e4341eb Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 21 Mar 2025 12:07:28 +0000
Subject: [PATCH] Reverted to edit edt-a41ccf6f-28b9-4a12-b13f-4d1674c2ef41:
 "Fix expense chart labels

The labels on the expense chart were missing. This commit fixes the issue by ensuring the labels are displayed correctly."
---
 src/components/ExpenseChart.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/ExpenseChart.tsx b/src/components/ExpenseChart.tsx
index 401f91a..909210d 100644
--- a/src/components/ExpenseChart.tsx
+++ b/src/components/ExpenseChart.tsx
@@ -27,10 +27,7 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
             paddingAngle={5}
             dataKey="value"
             labelLine={true}
-            label={({ name, percent }) => (
-              `${name} ${(percent * 100).toFixed(0)}%`
-            )}
-            fontSize={12}
+            label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
           >
             {data.map((entry, index) => (
               <Cell key={`cell-${index}`} fill={entry.color} />