diff --git a/addons/mcs_corporate_website/__manifest__.py b/addons/mcs_corporate_website/__manifest__.py
index fe29dcc..4c5c41d 100644
--- a/addons/mcs_corporate_website/__manifest__.py
+++ b/addons/mcs_corporate_website/__manifest__.py
@@ -29,6 +29,7 @@
     ],
     "assets": {
         "web.assets_frontend": [
+            "mcs_corporate_website/static/src/js/login_page.js",
             "mcs_corporate_website/static/src/scss/corporate_website.scss",
         ],
     },
diff --git a/addons/mcs_corporate_website/static/src/js/login_page.js b/addons/mcs_corporate_website/static/src/js/login_page.js
new file mode 100644
index 0000000..565bd0b
--- /dev/null
+++ b/addons/mcs_corporate_website/static/src/js/login_page.js
@@ -0,0 +1,7 @@
+/** @odoo-module **/
+
+document.addEventListener("DOMContentLoaded", () => {
+    if (document.querySelector('form[action="/web/login"]')) {
+        document.body.classList.add("mcs-login-page");
+    }
+});
diff --git a/addons/mcs_corporate_website/static/src/scss/corporate_website.scss b/addons/mcs_corporate_website/static/src/scss/corporate_website.scss
index cf501f6..637f276 100644
--- a/addons/mcs_corporate_website/static/src/scss/corporate_website.scss
+++ b/addons/mcs_corporate_website/static/src/scss/corporate_website.scss
@@ -820,7 +820,7 @@
     padding: 12px 14px;
 }
 
-body:has(form[action="/web/login"]) {
+body.mcs-login-page {
     background: #F6F7F9;
 
     #wrapwrap {
@@ -876,7 +876,7 @@ body:has(form[action="/web/login"]) {
 }
 
 @media (max-width: 991.98px) {
-    body:has(form[action="/web/login"]) {
+    body.mcs-login-page {
         #wrapwrap {
             background: #F6F7F9;
         }