diff --git a/src/components/ExpenseChart.tsx b/src/components/ExpenseChart.tsx
index e67eaec..909210d 100644
--- a/src/components/ExpenseChart.tsx
+++ b/src/components/ExpenseChart.tsx
@@ -26,12 +26,8 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
             outerRadius={70}
             paddingAngle={5}
             dataKey="value"
-            labelLine={false}
-            label={({ name, percent }) => (
-              <text className="text-sm" textAnchor="middle" style={{ fontSize: '12px' }}>
-                {`${name} ${(percent * 100).toFixed(0)}%`}
-              </text>
-            )}
+            labelLine={true}
+            label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
           >
             {data.map((entry, index) => (
               <Cell key={`cell-${index}`} fill={entry.color} />