From ad6e7ebd4b61e64e2d958d7d1eefdc7c803549a2 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:03:19 +0000
Subject: [PATCH] Fix expense chart rendering

The expense chart was not rendering correctly, with the left side of the pie chart being cut off. This commit adjusts the chart's responsive container to ensure the entire chart is visible.
---
 src/components/ExpenseChart.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ExpenseChart.tsx b/src/components/ExpenseChart.tsx
index 401f91a..d530485 100644
--- a/src/components/ExpenseChart.tsx
+++ b/src/components/ExpenseChart.tsx
@@ -17,7 +17,7 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
   return (
     <div className="neuro-card h-64 desktop-card">
       <ResponsiveContainer width="100%" height="100%">
-        <PieChart>
+        <PieChart margin={{ left: 20, right: 20, top: 10, bottom: 10 }}>
           <Pie
             data={data}
             cx="50%"