From fb0916627a2755f1b09dfc63366bbe420029e8fc 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:51:56 +0000
Subject: [PATCH] Refactor recent transactions section

Reduce font size of transportation titles and amounts in the recent transactions section.
---
 src/components/RecentTransactionsSection.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/RecentTransactionsSection.tsx b/src/components/RecentTransactionsSection.tsx
index 2cbe613..b671029 100644
--- a/src/components/RecentTransactionsSection.tsx
+++ b/src/components/RecentTransactionsSection.tsx
@@ -167,12 +167,16 @@ const RecentTransactionsSection: React.FC<RecentTransactionsSectionProps> = ({
             <div className="flex items-center">
               <TransactionIcon category={transaction.category} />
               <div className="ml-3">
-                <h3 className="font-medium text-black text-left">{transaction.title}</h3>
+                <h3 className="font-medium text-black text-left text-sm">
+                  {transaction.title}
+                </h3>
                 <p className="text-xs text-gray-500">{transaction.date}</p>
               </div>
             </div>
             <div className="text-right">
-              <p className="font-semibold text-neuro-income">-{formatCurrency(transaction.amount)}</p>
+              <p className="font-semibold text-neuro-income text-sm">
+                -{formatCurrency(transaction.amount)}
+              </p>
               <p className="text-xs text-gray-500">{transaction.category}</p>
             </div>
           </div>) : <div className="py-3 text-center text-gray-500">