Fixed UI

3 files changed, 6 insertions, 4 deletions

diff --git a/client/src/pages/Update/Otp/Otp.jsx b/client/src/pages/Update/Otp/Otp.jsx
index bf1b38d..6925613 100644
--- a/client/src/pages/Update/Otp/Otp.jsx
+++ b/client/src/pages/Update/Otp/Otp.jsx
@@ -120,7 +120,7 @@ const Otp = () => {
           type="submit"
           variant="contained"
           disabled={disabled}
-          sx={{ marginTop: '1rem' }}
+          sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
           onClick={() => {
             mutateOTP.mutate()
             setDisabled(true)
@@ -145,6 +145,7 @@ const Otp = () => {
               size="large"
               type="submit"
               variant="contained"
+              sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
               onClick={() => {
                 verifyOTP()
               }}
diff --git a/client/src/pages/Update/Otp/Otp.module.css b/client/src/pages/Update/Otp/Otp.module.css
index b88d5d4..209d997 100644
--- a/client/src/pages/Update/Otp/Otp.module.css
+++ b/client/src/pages/Update/Otp/Otp.module.css
@@ -9,11 +9,11 @@
 }
 
 .subheading {
-  font-size: var(--font-medium);
-  font-weight: 400;
+  font-size: 2rem;
 }
 
 .subsubheading {
-  font-size: var(--font-medium-s);
+  font-size: 1.75rem;
+  font-weight: 400;
   margin: 10px 0px;
 }
diff --git a/client/src/pages/Update/Update.jsx b/client/src/pages/Update/Update.jsx
index 577573d..cd9cd86 100644
--- a/client/src/pages/Update/Update.jsx
+++ b/client/src/pages/Update/Update.jsx
@@ -46,6 +46,7 @@ const Update = () => {
               size="large"
               type="submit"
               variant="contained"
+              sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
               onClick={() => {
                 if (!validAadhaar.test(aadhaarNumber)) {
                   toast.error(t('Please enter a valid aadhaar number'))