From 24b9a0e3489038f8e7ed23afcf4f78021129d2fb Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 25 Oct 2023 19:37:36 +0100
Subject: [PATCH] made amount to align right

---
 .../FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx b/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
index 34b3cdd..3a7fe21 100644
--- a/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
+++ b/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
@@ -89,14 +89,14 @@ function FamilyAddFundPopout({action, situation, wallet, familyData}) {
                     {/* AMOUNT  */}
                     <div className="field w-full mb-[0.5rem]">
                       <InputCom
-                        placeholder="Amount"
+                        placeholder="0"
                         label="Amount:"
                         name="amount"
                         type="text"
                         parentClass="flex items-center gap-1 w-full"
                         labelClass="flex-[0.2] mb-0"
-                        inputClass={`flex-[0.8] input-curve lg border border-[#dce4e9] text-right ${props.errors.amount && props.touched.amount ? 'border border-red-500' : ''}`}
-                        fieldClass="px-2"
+                        inputClass={`flex-[0.8] input-curve lg border border-[#dce4e9] ${props.errors.amount && props.touched.amount ? 'border border-red-500' : ''}`}
+                        fieldClass="px-2 text-right"
                         value={props.values.amount}
                         inputHandler={props.handleChange}
                       />