diff --git a/src/components/auth/Login.tsx b/src/components/auth/Login.tsx
index 9ed8354..a8b49a4 100644
--- a/src/components/auth/Login.tsx
+++ b/src/components/auth/Login.tsx
@@ -94,9 +94,9 @@ export default function Login() {
       </div>
       { modal &&
         <CustomModal>
-          <div className="px-10 py-5 md:px-16 bg-white w-[90%] max-w-[420px] flex flex-col justify-center items-center rounded-xl">
-            <p className="text-sm font-bold text-slate-700 text-center tracking-wide leading-normal">We have sent you a verification code to complete this Login. Please check your phone number</p>
-            <div className="w-full flex justify-end">
+          <div className="py-5 bg-white w-[90%] max-w-[420px] flex flex-col justify-center items-center rounded-xl">
+            <p className="px-10 md:px-20 text-sm font-bold text-slate-700 text-center tracking-wide leading-normal">We have sent you a verification code to complete this Login. Please check your phone number</p>
+            <div className="px-5 md:px-10 w-full flex justify-end">
               <button
                 className="font-bold text-[11px] lg:text-[13px] text-[#5A2C82]"
                 onClick={()=>{navigate(RouteHandler.otppage, { state: {continue: true }, replace:true })}}