style multi selector

my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss

@@ -3,12 +3,42 @@
 .input-box {
   margin-left: -1rem;
 
-  i {
-    position: relative;
-    left: 2rem;
-
+  .d-none {
+    display: none;
   }
 
+  i {
+
+    top: 10px;
+    left: 1rem;
+
+    &::before {
+      left: 10px;
+      top: 10px;
+    }
+
+    .disabled & {
+      color: #525668;
+      fill: #525668;
+    }
+  }
+
+  .search-placeholder,
+  .selector-button {
+    position: relative;
+  }
+
+  .search-placeholder {
+    top: 30px;
+    left: 16px;
+  }
+
+  .selector-button {
+    top: -30px;
+    right: -177px;
+  }
+
+
   input {
 
     border-radius: 8px;
@@ -16,14 +46,19 @@
     background: var(--color-background-card-on-base, #FFF);
 
 
-    padding-left: 2rem;
-    padding-top: 6px;
-    padding-bottom: 6px;
+    padding: 10px 40px;
+
+    width: 210px;
+    height: 42px;
 
     overflow: hidden;
     color: var(--color-text-secondary, #525668);
     text-overflow: ellipsis;
     font-size: var(--Font-Base, 14px);
 
+
+    .disabled & {
+      border-color: #525668;
+    }
   }
 }