UI improvement for partition dropdown field within Topic/Messages
**Describe the bug**
'x' icon for removing partition value is displayed by default, but could be better to show it with hovering on

**Steps to Reproduce**
Steps to reproduce the behavior:

1. Login to system
2. Navigate to Messages tab for a Topic
3. Check the partition dropdown within filtering section


**Expected behavior**
'x' icon for partition dropdown field could be displayed not by default but only with hover on dropdown

**Screenshots**
<img width="1715" alt="x icon" src="https://user-images.githubusercontent.com/104780608/169801566-f19e98c9-834c-471a-97e1-e96ca9523404.png">


**Additional context**
<!--
(Add any other context about the problem here)
-->

kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts
kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts
diff --git a/kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts b/kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts
index f4767bd76df..0052a99411b 100644
--- a/kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts
+++ b/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;
+        }
+      }
     }
   }
 `;
