From 2219908d9b00b590770a852cdf68aa4b10c249b8 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 13:23:48 +0000
Subject: [PATCH] Increase bottom margin of section

Increase the bottom margin of the recent transactions section from 30px to 50px.
---
 src/components/RecentTransactionsSection.tsx |  3 +--
 src/components/home/HomeContent.tsx          | 10 ++--------
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index ae0e7e8..8366610 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -1,4 +1,3 @@
-
 import React from 'react';
 import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -40,7 +39,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
   };
 
   return (
-    <div className="mt-4 mb-[30px]">
+    <div className="mt-4 mb-[50px]">
       <div className="flex justify-between items-center mb-2">
         <h2 className="text-lg font-semibold">최근 지출</h2>
         <Link to="/transactions" className="text-sm text-neuro-income flex items-center">
diff --git a/src/components/home/HomeContent.tsx b/src/components/home/HomeContent.tsx
index 4a220fc..3590450 100644
--- a/src/components/home/HomeContent.tsx
+++ b/src/components/home/HomeContent.tsx
@@ -1,4 +1,3 @@
-
 import React from 'react';
 import BudgetProgressCard from '@/components/BudgetProgressCard';
 import BudgetCategoriesSection from '@/components/BudgetCategoriesSection';
@@ -48,15 +47,12 @@ const HomeContent: React.FC<HomeContentProps> = ({
   getCategorySpending
 }) => {
   return (
-    <div className="pb-[30px]">
-      {/* 지출 카테고리 */}
+    <div className="pb-[50px]">
       {getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
         <BudgetCategoriesSection categories={getCategorySpending()} />
       ) : (
         <EmptyState />
       )}
-
-      {/* 목표 진행 상황 */}
       <h2 className="text-lg font-semibold mb-2 mt-4">월간 예산과 지출</h2>
       <BudgetProgressCard 
         budgetData={budgetData}
@@ -66,15 +62,13 @@ const HomeContent: React.FC<HomeContentProps> = ({
         calculatePercentage={calculatePercentage}
         onSaveBudget={handleBudgetGoalUpdate}
       />
-
-      {/* 최근 지출 */}
       {transactions.length > 0 ? (
         <RecentTransactionsSection 
           transactions={transactions.slice(0, 5)} 
           onUpdateTransaction={updateTransaction}
         />
       ) : (
-        <div className="mt-4 mb-[30px]">
+        <div className="mt-4 mb-[50px]">
           <h2 className="text-lg font-semibold mb-3">최근 지출</h2>
           <EmptyState />
         </div>