Show close icon on hover (#2034)

* show close icon on hover

* style changes to avoid repeating styles

kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts

@@ -8,7 +8,6 @@ const MultiSelect = styled(ReactMultiSelect)<{ minWidth?: string }>`
 
   & > .dropdown-container {
     height: 32px;
-
     * {
       cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
     }
@@ -17,6 +16,14 @@ const MultiSelect = styled(ReactMultiSelect)<{ minWidth?: string }>`
       height: 32px;
       color: ${({ disabled, theme }) =>
         disabled ? theme.select.color.disabled : theme.select.color.active};
+      & > .clear-selected-button {
+        display: none;
+      }
+      &:hover {
+        & > .clear-selected-button {
+          display: block;
+        }
+      }
     }
   }
 `;