From 10af4210fabb8f5a3f44b8fe21ccb7661d9f5c57 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 17 Mar 2025 12:48:56 +0000
Subject: [PATCH] Remove chart hover effect

Removed the background color change on hover in the monthly comparison chart.
---
 src/components/analytics/MonthlyComparisonChart.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/analytics/MonthlyComparisonChart.tsx b/src/components/analytics/MonthlyComparisonChart.tsx
index fc7219c..d5acf02 100644
--- a/src/components/analytics/MonthlyComparisonChart.tsx
+++ b/src/components/analytics/MonthlyComparisonChart.tsx
@@ -72,7 +72,11 @@ const MonthlyComparisonChart: React.FC<MonthlyComparisonChartProps> = ({
           }}>
             <XAxis dataKey="name" />
             <YAxis tickFormatter={formatYAxisTick} />
-            <Tooltip formatter={formatTooltip} />
+            <Tooltip 
+              formatter={formatTooltip} 
+              contentStyle={{ backgroundColor: 'white', border: 'none' }}
+              cursor={{ fill: 'transparent' }}
+            />
             <Legend />
             <Bar dataKey="budget" name="예산" fill="#C8C8C9" radius={[4, 4, 0, 0]} />
             <Bar dataKey="expense" name="지출" radius={[4, 4, 0, 0]}>