From d2db27d4eeb02e1116ccfb61508bf69d4553aec0 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 29 Oct 2024 19:27:33 +0530
Subject: [PATCH] Style to fit during the login flow

---
 .../accounts/components/two-factor/VerifyForm.tsx        | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/packages/accounts/components/two-factor/VerifyForm.tsx b/web/packages/accounts/components/two-factor/VerifyForm.tsx
index 1561568f35..765b8aa235 100644
--- a/web/packages/accounts/components/two-factor/VerifyForm.tsx
+++ b/web/packages/accounts/components/two-factor/VerifyForm.tsx
@@ -112,9 +112,10 @@ export default function VerifyTwoFactor(props: Props) {
 
 const IndividualInput = styled("input")(
     ({ theme }) => `
-    font-size: 2rem;
-    padding: 4px 12px;
-    min-width: 3rem;
+    font-size: 1.5rem;
+    padding: 4px;
+    width: 40px !important;
+    aspect-ratio: 1;
     margin-inline: 8px;
     border: 1px solid ${theme.colors.accent.A700};
     border-radius: 1px;
@@ -124,7 +125,7 @@ const IndividualInput = styled("input")(
     ${theme.breakpoints.down("sm")} {
         font-size: 1rem;
         padding: 4px;
-        min-width: 2rem;
+        width: 32px !important;
     }
 `,
 );