diff --git a/app/assets/stylesheets/common/modal/login-modal.scss b/app/assets/stylesheets/common/modal/login-modal.scss
index abfd4be8e8c..2e4cc9ec31e 100644
--- a/app/assets/stylesheets/common/modal/login-modal.scss
+++ b/app/assets/stylesheets/common/modal/login-modal.scss
@@ -10,6 +10,7 @@
   .d-modal {
     &__container {
       position: relative;
+      width: max-content;
     }
     &__header {
       border-bottom: none;
@@ -41,6 +42,7 @@
   }
 
   .login-left-side {
+    width: 100%;
     padding: 3rem;
     overflow: auto;
   }
@@ -75,6 +77,7 @@
     justify-content: center;
     gap: 1rem;
     height: 100%;
+    white-space: nowrap;
   }
 
   #login-form {
diff --git a/app/assets/stylesheets/mobile/login-modal.scss b/app/assets/stylesheets/mobile/login-modal.scss
index 8595d6e99c0..6d13175184e 100644
--- a/app/assets/stylesheets/mobile/login-modal.scss
+++ b/app/assets/stylesheets/mobile/login-modal.scss
@@ -2,6 +2,9 @@
   .d-modal.login-modal,
   .d-modal.create-account {
     .d-modal {
+      &__container {
+        width: 100%;
+      }
       &__body {
         flex-direction: column;
         gap: unset;