1 files changed, 44 insertions, 14 deletions
diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index 6ef725d2..1539c96a 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -14,30 +14,60 @@
   line-height: $form-line-height;
 }
 
-.form-group {
+div:not(.search-global) > .form-group {
   margin-bottom: $spacer * 2;
   position: relative;
-  & > div > .input-group {
+  & .input-group,
+  .input-password-toggle-container {
     position: initial;
-    & > .form-control-with-button {
-      margin: -28px 0 0 0;
-      padding-top: 28px;
-      height: 56px;
-      &:focus {
-        z-index: unset;
-        position: initial;
-      }
-    }
-    & > .input-action-btn,
-    .btn-datepicker {
-      top: 12px;
+  }
+  & label + div > small {
+    position: absolute;
+    right: 10px;
+    top: 0;
+    font-size: x-small;
+  }
+  & .form-control,
+  .input-group-prepend,
+  .input-group-text,
+  .custom-select {
+    margin: -28px 0 0 0;
+    padding-top: 28px;
+    height: 56px;
+    &:focus {
+      z-index: unset;
+      position: initial;
     }
   }
+  & .custom-select {
+    background-color: $gray-5;
+    border: none;
+  }
+  & .input-group-text {
+    border: none;
+    background-color: $gray-5;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  & .input-group-prepend + input {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    position: initial;
+  }
+  & .btn-datepicker {
+    top: 12px;
+  }
+  & .input-action-btn {
+    top: 12px;
+  }
   & > label {
     position: relative;
     color: $text-tretiatry;
     margin-left: 10px;
     margin-bottom: $spacer / 4;
+    & span {
+      font-size: smaller;
+    }
   }
 }