From 56f01685748c41b2c1296e94deae1ca550db8800 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Fri, 4 Oct 2024 20:25:32 +0700
Subject: [PATCH] Refactor component and page structure for responsiveness

---
 src/app/invest/page.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/invest/page.tsx b/src/app/invest/page.tsx
index e7b47ff..9f72caa 100644
--- a/src/app/invest/page.tsx
+++ b/src/app/invest/page.tsx
@@ -93,13 +93,18 @@ export default function Invest() {
       <div>
         <div className="w-1/2 space-y-2">
           <h2 className="text:base md:text-2xl">Investment Amount</h2>
-          <Input type="number" placeholder="min $500" />
+          <Input
+            className="w-52"
+            type="number"
+            placeholder="min $500"
+            min={500}
+          />
         </div>
         <Separator className="my-4" />
 
         <div className="w-full space-y-2">
           <h2 className="text:base md:text-2xl">Payment Information</h2>
-            <CardsPaymentMethod />
+          <CardsPaymentMethod />
         </div>
         <Separator className="my-4" />