fix: wrong selection color on multi select

Author: gjulivan

packages/pluggableWidgets/combobox-web/src/__tests__/__snapshots__/MultiSelection.spec.tsx.snap

@@ -86,7 +86,8 @@ exports[`Combo box (Association) adds new item to inital selected item 1`] = `
         role="listbox"
       >
         <li
-          class="widget-combobox-item widget-combobox-item-highlighted"
+          aria-selected="true"
+          class="widget-combobox-item widget-combobox-item-selected"
           id="downshift-12-item-0"
           role="option"
         >
@@ -117,6 +118,7 @@ exports[`Combo box (Association) adds new item to inital selected item 1`] = `
           </span>
         </li>
         <li
+          aria-selected="false"
           class="widget-combobox-item widget-combobox-item-highlighted"
           id="downshift-12-item-1"
           role="option"
@@ -149,6 +151,7 @@ exports[`Combo box (Association) adds new item to inital selected item 1`] = `
           </span>
         </li>
         <li
+          aria-selected="false"
           class="widget-combobox-item"
           id="downshift-12-item-2"
           role="option"
@@ -181,6 +184,7 @@ exports[`Combo box (Association) adds new item to inital selected item 1`] = `
           </span>
         </li>
         <li
+          aria-selected="false"
           class="widget-combobox-item"
           id="downshift-12-item-3"
           role="option"

packages/pluggableWidgets/combobox-web/src/components/MultiSelection/MultiSelectionMenu.tsx

@@ -38,7 +38,8 @@ export function MultiSelectionMenu({
                     return (
                         <ComboboxOptionWrapper
                             key={item}
-                            isHighlighted={isSelected || isActive}
+                            isHighlighted={isActive}
+                            isSelected={isSelected}
                             item={item}
                             getItemProps={getItemProps}
                             index={index}