From 39c138a403cfbda543491aa054b52eb741a97f26 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 13:20:18 +0000
Subject: [PATCH] Reduce category card padding

Reduce left and right padding on the major spending category cards to 5px.
---
 src/components/analytics/CategorySpendingList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/analytics/CategorySpendingList.tsx b/src/components/analytics/CategorySpendingList.tsx
index 4019456..00733b6 100644
--- a/src/components/analytics/CategorySpendingList.tsx
+++ b/src/components/analytics/CategorySpendingList.tsx
@@ -27,7 +27,7 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
   return (
     <div className={`neuro-card mb-6 w-full ${className}`}>
       {categories.some(cat => cat.current > 0) ? (
-        <div className="space-y-4 px-4 py-4">
+        <div className="space-y-4 px-3 py-4">
           {categories.map((category) => {
             // 카테고리 이름을 직접 표시
             const categoryName = category.title;