From c22dcd52f9f8b5646e253a22c05c4b5e547d1df0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 02:50:31 +0000
Subject: [PATCH] Reduce monthly graph font size

The font size of the monthly graph has been reduced.
---
 src/pages/Analytics.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx
index 717e2b2..70e23a1 100644
--- a/src/pages/Analytics.tsx
+++ b/src/pages/Analytics.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState } from 'react';
 import NavBar from '@/components/NavBar';
 import ExpenseChart from '@/components/ExpenseChart';
@@ -131,12 +132,16 @@ const Analytics = () => {
           <h2 className="text-lg font-semibold mb-3">월별 그래프</h2>
           <div className="neuro-card h-72">
             <ResponsiveContainer width="100%" height="100%">
-              <BarChart data={monthlyData} margin={{
-              top: 20,
-              right: 10,
-              left: -10,
-              bottom: 5
-            }}>
+              <BarChart 
+                data={monthlyData} 
+                margin={{
+                  top: 20,
+                  right: 10,
+                  left: -10,
+                  bottom: 5
+                }}
+                style={{ fontSize: '11px' }}
+              >
                 <XAxis dataKey="name" />
                 <YAxis tickFormatter={formatYAxisTick} />
                 <Tooltip formatter={formatTooltip} />