Updated search select component styling (#11360)

* Updated search select component styling

- Fixed styling for better readability and access to delete action

* Added changelog file

changelog/11360.txt

@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Updated search select component styling
+```

ui/app/styles/components/search-select.scss

@@ -92,13 +92,9 @@ div > .ember-power-select-options {
 .search-select-list-item {
   align-items: center;
   display: flex;
-  margin: 0 $spacing-m;
   padding: $spacing-xxs;
   justify-content: space-between;
-
-  &:not(:last-child) {
-    border-bottom: $light-border;
-  }
+  border-bottom: $light-border;
 
   .control .button {
     color: $grey-light;

ui/lib/core/addon/templates/components/search-select.hbs

@@ -66,7 +66,7 @@
         <div class="control">
           <button type="button" class="button is-ghost" data-test-selected-list-button="delete"
             {{action "discardSelection" selected}}>
-            <Icon @glyph="trash" />
+            <Icon @glyph="trash" class="has-text-grey" />
           </button>
         </div>
       </li>