up dropdown listing csc

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

@@ -11,10 +11,9 @@
     {{ label }}
         </span>
   </div>
+  <!-- (blur)="displayDropdown = false" (click)="onClickInput()" -->
   <input
-    (blur)="displayDropdown = false"
-    (click)="onClickInput()"
-    (focus)="displayDropdown = true"
+    (focus)="onInputClickedOrFocused($event)"
     (input)="onSearchInput($event)"
     class=""
     placeholder="{{label}}"
@@ -43,13 +42,20 @@
 
                  class="dropdown-item"
             >
-              <i class="ri-checkbox-line"></i>
+            <img alt="checkbox" src="checkbox-active.svg" /> 
+            <span class="label">
               {{ sc.label }}
+            </span>
             </div>
             }
           </div>
 
-          <hr>
+          
+          <div class="separator">
+            
+          <div class="label">Add new part number</div>
+          <i class="ri-add-line"></i>
+          </div>
         }
         <div class="available-items">
 
@@ -60,8 +66,10 @@
 
                  class="dropdown-item"
             >
-              <i class="ri-checkbox-line"></i>
-              {{ ac.label }}
+              <img alt="checkbox" src="checkbox-inactive.svg" /> 
+              <span class="label">
+                {{ ac.label }}
+              </span>
             </div>
           }