From 365e2a59f2116e39d1327488a9fcbcbb1c2d2b67 Mon Sep 17 00:00:00 2001
From: Arthur1asdf <arthurteng0819@gmail.com>
Date: Mon, 26 Jan 2026 16:29:42 -0500
Subject: [PATCH] fixed some vercel errors

---
 frontend/src/App.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 998ff02..936b730 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -21,15 +21,15 @@ import bgImage from "../src/assets/Pop_up.png";
 import career3 from "../src/assets/forms_emojis/career3.png";
 import personal3 from "../src/assets/forms_emojis/personal3.png";
 import insurance3 from "../src/assets/forms_emojis/insurance3.png";
-import idf3 from "../src/assets/forms_emojis/idf1.png";
+import idf3 from "../src/assets/forms_emojis/IDF1.png";
 import career2 from "../src/assets/forms_emojis/career2.png";
 import personal2 from "../src/assets/forms_emojis/personal2.png";
 import insurance2 from "../src/assets/forms_emojis/insurance2.png";
-import idf2 from "../src/assets/forms_emojis/idf2.png";
+import idf2 from "../src/assets/forms_emojis/IDF2.png";
 import career1 from "../src/assets/forms_emojis/career1.png";
 import personal1 from "../src/assets/forms_emojis/personal1.png";
 import insurance1 from "../src/assets/forms_emojis/insurance1.png";
-import idf1 from "../src/assets/forms_emojis/idf3.png";
+import idf1 from "../src/assets/forms_emojis/IDF3.png";
 
 interface InvestmentData {
   personal?: number;
@@ -229,7 +229,7 @@ function App() {
         />
       ) : (
         <div className="game-container">
-          <img src={Logo} alt="Logo" className="absolute bottom-2 w-[340px] h-28" />
+          <img src={Logo} alt="Logo" className="absolute bottom-2 w-85 h-28" />
           {/* Layer 1: Background */}
           <img key={state.houseLevel} src={HOUSE_BACKGROUNDS[state.houseLevel || 0]} alt="house" className="house-background" />
           <div className="pattern-overlay" />
@@ -344,7 +344,7 @@ function App() {
                   <div className="text-2xl">AI guidance coach</div>
                   <div className="text-2xl">for your last round</div>
                   {/* Replaced 'c' div with AI Advice Display */}
-                  <div className="bg-amber-800 w-[80%] p-4 text-white text-sm rounded-lg min-h-[100px] flex items-center justify-center text-center shadow-inner border-2 border-amber-900">
+                  <div className="bg-amber-800 w-[80%] p-4 text-white text-sm rounded-lg min-h-25 flex items-center justify-center text-center shadow-inner border-2 border-amber-900">
                     {isAiLoading ? <span className="animate-pulse">Consulting the oracles...</span> : aiAdvice}
                   </div>
                   <div>