[Unified search] Improve left menu buttons hover state styles (#147612)

elastic · Dec 19, 2022 · 3ecfa3d · 3ecfa3d
1 parent d1f26f5
commit 3ecfa3d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/plugins/unified_search/public/query_string_input/add_filter_popover.tsx b/src/plugins/unified_search/public/query_string_input/add_filter_popover.tsx
@@ -53,6 +53,7 @@ export const AddFilterPopover = React.memo(function AddFilterPopover({
         size="m"
         disabled={isDisabled}
         {...buttonProps}
+        style={{ borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}
       />
     </EuiToolTip>
   );

diff --git a/src/plugins/unified_search/public/query_string_input/query_bar_menu.tsx b/src/plugins/unified_search/public/query_string_input/query_bar_menu.tsx
@@ -109,6 +109,7 @@ export function QueryBarMenu({
         onClick={onButtonClick}
         isDisabled={isDisabled}
         {...buttonProps}
+        style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}
         iconType="filter"
         aria-label={buttonLabel}
         data-test-subj="showQueryBarMenu"