From 0c87fad21b10b39f85c0156bce2e4c9415dc18f4 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:19:36 +0000
Subject: [PATCH] Add spacing below last card

Adds 30px of spacing below the last card on the screen.
---
 src/components/RecentTransactionsSection.tsx | 3 ++-
 src/components/home/HomeContent.tsx          | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index 19375e1..271ed70 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState, useCallback, useRef } from 'react';
 import { Transaction } from '@/contexts/budget/types';
 import TransactionEditDialog from './TransactionEditDialog';
@@ -155,7 +156,7 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
     return amount.toLocaleString('ko-KR') + '원';
   };
   return (
-    <div className="mt-4 mb-[40px]">
+    <div className="mt-4 mb-[30px]">
       <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 3ff0f75..4a220fc 100644
--- a/src/components/home/HomeContent.tsx
+++ b/src/components/home/HomeContent.tsx
@@ -48,7 +48,7 @@ const HomeContent: React.FC<HomeContentProps> = ({
   getCategorySpending
 }) => {
   return (
-    <>
+    <div className="pb-[30px]">
       {/* 지출 카테고리 */}
       {getCategorySpending().some(cat => cat.current > 0 || cat.total > 0) ? (
         <BudgetCategoriesSection categories={getCategorySpending()} />
@@ -74,12 +74,12 @@ const HomeContent: React.FC<HomeContentProps> = ({
           onUpdateTransaction={updateTransaction}
         />
       ) : (
-        <div className="mt-4">
+        <div className="mt-4 mb-[30px]">
           <h2 className="text-lg font-semibold mb-3">최근 지출</h2>
           <EmptyState />
         </div>
       )}
-    </>
+    </div>
   );
 };