diff --git a/app/login/page.js b/app/login/page.js
index 030eb5e..d4780a3 100644
--- a/app/login/page.js
+++ b/app/login/page.js
@@ -197,11 +197,11 @@ function Login({ handleLogin }) {
     }
   };
   return (
-    <div className={`${styles.loginBox}`}>
+    <div className={`${styles.loginBox} flex flex-col justify-center items-center`}>
       <Image
         src={process.env.NEXT_PUBLIC_CDN_URL + "/public/images/slogan.png"}
         alt=""
-        className="mt-24 w-96"
+        className="mt-24 w-[90vw]"
       />
       <div className="mt-6 flex justify-between items-center px-2 text-gray-400 sticky top-0 z-10 bg-deepBg">
         <Tabs