diff --git a/src/components/auth/Login.tsx b/src/components/auth/Login.tsx
index a8b49a4..e3d41d1 100644
--- a/src/components/auth/Login.tsx
+++ b/src/components/auth/Login.tsx
@@ -37,7 +37,7 @@ export default function Login() {
     <>
       <div className={`w-full overflow-y-auto bg-top bg-cover`}>
         <div className="w-full flex justify-center">
-          <div className="w-2/3 md:max-w-[570px]">
+          <div className="w-full md:max-w-[570px]">
             <div className="bg-white w-full rounded-2xl border-2 border-black">
               <div className="w-full p-5 sm:p-10 lg:p-20 flex flex-col justify-between items-center h-full">
                 <div className="mb-4">
diff --git a/src/components/auth/OTP.tsx b/src/components/auth/OTP.tsx
index d75428c..f38b260 100644
--- a/src/components/auth/OTP.tsx
+++ b/src/components/auth/OTP.tsx
@@ -45,7 +45,7 @@ export default function Login() {
   return (
     <div className={`w-full overflow-y-auto bg-top bg-cover`}>
       <div className="w-full flex justify-center">
-        <div className="w-4/5 md:max-w-[570px]">
+        <div className="w-full md:max-w-[570px]">
           <div className="bg-white w-full rounded-2xl border-2 border-black">
             <div className="w-full p-5 sm:p-10 lg:p-20 flex flex-col justify-between items-center">
               <div className="mb-4">