From f935ae04e4d0f3e4242e099866b02af93b9d6863 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 11:58:34 +0000
Subject: [PATCH] Refactor category spending list

- Adjust font size and color circle size in category spending list component for better UI consistency.
---
 src/components/analytics/CategorySpendingList.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/analytics/CategorySpendingList.tsx b/src/components/analytics/CategorySpendingList.tsx
index d357553..3db340c 100644
--- a/src/components/analytics/CategorySpendingList.tsx
+++ b/src/components/analytics/CategorySpendingList.tsx
@@ -37,20 +37,20 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
             return (
               <div key={categoryName} className="flex items-center justify-between">
                 <div className="flex items-center gap-3">
-                  <div className="w-6 h-6 rounded-full" style={{
+                  <div className="w-4 h-4 rounded-full" style={{
                     backgroundColor: getCategoryColor(categoryName) // 일관된 색상 적용
                   }}></div>
-                  <span>
+                  <span className="text-sm">
                     {categoryName}
                     {description && (
-                      <span className="text-gray-500 text-sm ml-1">
+                      <span className="text-gray-500 text-xs ml-1">
                         {description}
                       </span>
                     )}
                   </span>
                 </div>
                 <div className="text-right">
-                  <p className="font-medium">
+                  <p className="font-medium text-sm">
                     {formatCurrency(category.current)}
                   </p>
                   <p className="text-xs text-gray-500">