SILABMC-191: Fix login page

1 files changed, 29 insertions, 21 deletions

diff --git a/src/assets/styles/bmc/_sila/pages/_login.scss b/src/assets/styles/bmc/_sila/pages/_login.scss
index 99c6d9ed..49e09db5 100644
--- a/src/assets/styles/bmc/_sila/pages/_login.scss
+++ b/src/assets/styles/bmc/_sila/pages/_login.scss
@@ -3,31 +3,39 @@
 //
 .login-form {
   background-color: transparent !important;
-}
 
-.login-form > .btn-primary {
-  width: 100%;
-  margin-top: 0.5rem !important;
-}
+  & > .btn-primary {
+    width: 100%;
+    margin-top: 0.5rem !important;
+  }
 
-.login-form > .form-group {
-  margin-bottom: 1.5rem;
-  display: flow-root;
-}
+  & > .form-group {
+    margin-bottom: 1.5rem;
+    display: flow-root;
+  }
 
-.login-form > .form-group > div > input,
-.login-form > .form-group > div > select,
-.login-form > .login-form__section .input-password-toggle-container > input {
-  margin: -28px 0 0 0;
-  padding-top: 28px;
-  height: 56px;
-}
+  & > .login-form__section {
+    position: relative;
 
-.login-form > .form-group > label,
-.login-form > .login-form__section > label {
-  margin-left: 10px;
-  margin-bottom: 0.25rem;
-  color: $text-tretiatry;
+    & > .input-password-toggle-container {
+      position: initial;
+    }
+  }
+
+  & > .form-group > div > input,
+  & > .form-group > div > select,
+  & > .login-form__section .input-password-toggle-container > input {
+    margin: -28px 0 0 0;
+    padding-top: 28px;
+    height: 56px;
+  }
+
+  & > .form-group > label,
+  & > .login-form__section > label {
+    margin-left: 10px;
+    margin-bottom: 0.25rem;
+    color: $text-tretiatry;
+  }
 }
 
 .login-main > h1 {