diff --git a/g2p_theme/static/src/scss/new_login_page.scss b/g2p_theme/static/src/scss/new_login_page.scss
index c2edbe0..178f4a7 100644
--- a/g2p_theme/static/src/scss/new_login_page.scss
+++ b/g2p_theme/static/src/scss/new_login_page.scss
@@ -15,7 +15,7 @@ main:has(.g2p_login) {
     // max-height: 486px;
     position: relative;
     margin: 50px auto;
-    top: 100px;
+    top: -190%;
     background: #ffffff 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 15px #0000000d;
     border-radius: 20px;
@@ -128,16 +128,17 @@ main:has(.g2p_login) {
     opacity: 1;
 }
 
-.g2p_login .g2p-background {
+.oe_website_login_container {
     /* Layout Properties */
     position: absolute;
-    top: 312px;
-    left: 227px;
+    top: 50%;
+    left: 50%;
     width: 912px;
     height: 120px;
     /* UI Properties */
     background: transparent url("/g2p_theme/static/src/img/57485.png") 0% 0% no-repeat padding-box;
     opacity: 1;
+    transform: translate(-50%, -50%);
 }
 
 /* Responsive styles for smaller screens */
@@ -145,6 +146,10 @@ main:has(.g2p_login) {
     .g2p_login:not(.ssp-signup-body) .alert-danger {
         display: block;
     }
+
+    .oe_website_login_container {
+        width: 80%;
+    }
 }
 @media screen and (min-width: 769px) {
     .g2p_login:not(.ssp-signup-body) .alert-danger {
diff --git a/g2p_theme/templates/g2p_login_page.xml b/g2p_theme/templates/g2p_login_page.xml
index 8d580c9..c6bfaaf 100644
--- a/g2p_theme/templates/g2p_login_page.xml
+++ b/g2p_theme/templates/g2p_login_page.xml
@@ -35,7 +35,6 @@
 			<attribute name="placeholder">Enter password</attribute>
 		</xpath>
 		<xpath expr="//form" position="before">
-			<div class="g2p-background" />
 			<xpath expr="//p[@class='alert alert-success']" position="move" />
 			<xpath expr="//p[@class='alert alert-danger']" position="move" />
 		</xpath>