From a97234d9fa6f7f6d53551f3df2f620b5f669cd28 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 08:36:55 +0000
Subject: [PATCH] Refactor: Reduce component size

Reduces the size of a component.
---
 src/components/BudgetTabContent.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/BudgetTabContent.tsx b/src/components/BudgetTabContent.tsx
index 4884ed2..357f850 100644
--- a/src/components/BudgetTabContent.tsx
+++ b/src/components/BudgetTabContent.tsx
@@ -1,3 +1,4 @@
+
 import React, { useState, useEffect } from 'react';
 import { CirclePlus, Save, Check } from 'lucide-react';
 import BudgetInputCard from './BudgetInputCard';
@@ -96,7 +97,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
   return <div>
       {targetAmount > 0 ? <>
           <div className="flex justify-between items-center mb-3">
-            <div className="text-lg font-bold">{formatCurrency(spentAmount)}</div>
+            <div className="text-base font-bold">{formatCurrency(spentAmount)}</div>
             <div className="text-sm text-gray-500">/ {formatCurrency(targetAmount)}</div>
           </div>
           
@@ -116,7 +117,7 @@ const BudgetTabContent: React.FC<BudgetTabContentProps> = ({
           </div>
           
           <div className="mt-6">
-            <button onClick={toggleBudgetInput} className="text-neuro-income hover:underline flex items-center text-base font-bold group">
+            <button onClick={toggleBudgetInput} className="text-neuro-income hover:underline flex items-center text-base font-semibold group">
               <CirclePlus size={26} className="mr-2 text-neuro-income transition-transform group-hover:scale-110" />
               <span className="text-base font-semibold">{budgetButtonText}</span>
             </button>