fix: input stylings

Author: Guru

demo/redirect-flow-example/src/components/mfa-cards/authenticator/AuthenticatorScan.tsx

@@ -251,7 +251,7 @@ const AuthenticatorQRCodeCard: React.FC = () => {
         <Card className="px-8 py-6 w-full !rounded-2xl !shadow-modal !border-0 dark:!border-app-gray-800 dark:!shadow-dark">
           <div className="text-center">
             <h3 className="font-semibold text-app-gray-900 dark:text-app-white mb-4">Verify Authenticator Code</h3>
-              <TextField value={code} onChange={(e) => setCode(e.target.value)} placeholder="Enter code" className="mb-4" classes={{
+              <TextField value={code} onChange={(e) => setCode(e.target.value)} placeholder="Enter code" className="mb-4 rounded-md" classes={{
                 container: "flex flex-col justify-center items-center",
               }}/>
             <Button loading={isLoading} className="w-full" variant="primary" onClick={verifyNewAuthenticator}>

demo/redirect-flow-example/src/components/mfa-cards/authenticator/AuthenticatorVerify.tsx

@@ -56,7 +56,7 @@ const VerifyAuthenticatorCodeCard: React.FC = () => {
           <Card className="px-8 !h-[300px] w-full flex justify-center items-start py-6 !rounded-2xl !shadow-modal !border-0 dark:!border-app-gray-800 dark:!shadow-dark">
             <div className="text-center">
               <h3 className="font-semibold text-app-gray-900 dark:text-app-white mb-4">Verify Authenticator Code</h3>
-              <TextField value={code} onChange={(e) => setCode(e.target.value)} placeholder="Enter code" className="mb-4"  classes={{
+              <TextField value={code} onChange={(e) => setCode(e.target.value)} placeholder="Enter code" className="mb-4 rounded-md"  classes={{
                 container: "flex flex-col justify-center items-center",
               }} />
               {error && <p className="text-app-red-400 text-sm mb-4">{error}</p>}

demo/redirect-flow-example/src/components/mfa-cards/password/ConfirmPassword.tsx

@@ -80,7 +80,7 @@ const ConfirmPasswordCard: React.FC = () => {
               onChange={(e) => setPassword(e.target.value)}
               type="password"
               placeholder="Confirm password"
-              className="mb-4"
+              className="mb-4 rounded-md"
               classes={{
                 container: "flex flex-col justify-center items-center",
               }}

demo/redirect-flow-example/src/components/mfa-cards/password/CreatePassword.tsx

@@ -82,7 +82,7 @@ const GetPasswordCard: React.FC = () => {
           onChange={(e) => setPassword(e.target.value)}
           type="password"
           placeholder="Enter password"
-          className="mb-4"
+          className="mb-4 rounded-lg"
           classes={{
             container: "flex flex-col justify-center items-center",
           }}

demo/redirect-flow-example/src/components/transactions/TransactionCard.tsx

@@ -51,7 +51,7 @@ const TransactionCard: React.FC = () => {
           onChange={(e) => setAmount(e.target.value)}
           label="Amount (ETH)"
           placeholder="Enter amount in ETH"
-          className="mb-4"
+          className="mb-4 rounded-md"
           classes={{
             container: "flex flex-col justify-center items-center",
           }}