diff --git a/src/Components/Login.css b/src/Components/Login.css
index 7bb395e5..c5605366 100644
--- a/src/Components/Login.css
+++ b/src/Components/Login.css
@@ -263,6 +263,8 @@ form.sign-in-form {
   width: 100%;
   transition: transform 1.1s ease-in-out;
   transition-delay: 0.4s;
+  max-height: 400px;
+  max-width: 400px;
 }
 
 .panel {
diff --git a/src/Components/Login.js b/src/Components/Login.js
index a9a440c9..600e271e 100644
--- a/src/Components/Login.js
+++ b/src/Components/Login.js
@@ -464,7 +464,7 @@ const LogIn = () => {
           </div>
           <img src={logImg} className="image" alt="Log In" />
         </div>
-        <div className="panel right-panel1">
+        <div className="panel right-panel1" style={{position:"fixed",right:`${isSignUpMode?"100px":"40%"}` ,height:"80%",width:"500px"}}>
           <div className="content1">
             <h3>One of Us?</h3>
             <p>