fix: use xs buttons for discover table cell filter buttons (#7531) (#…

…7539)

(cherry picked from commit 8441667)

Signed-off-by: Viraj Sanghvi <virajs@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Viraj Sanghvi <virajs@amazon.com>

src/plugins/discover/public/application/components/default_discover_table/table_cell.tsx

@@ -12,7 +12,7 @@
 import './_table_cell.scss';
 
 import React from 'react';
-import { EuiSmallButtonIcon, EuiToolTip } from '@elastic/eui';
+import { EuiButtonIcon, EuiToolTip } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 import { DocViewFilterFn } from '../../doc_views/doc_views_types';
 
@@ -45,7 +45,8 @@ const TableCellUI = ({
             defaultMessage: 'Filter for value',
           })}
         >
-          <EuiSmallButtonIcon
+          <EuiButtonIcon
+            size="xs"
             onClick={() => onFilter?.(columnId, fieldMapping, '+')}
             iconType="plusInCircle"
             aria-label={i18n.translate('discover.filterForValueLabel', {
@@ -60,7 +61,8 @@ const TableCellUI = ({
             defaultMessage: 'Filter out value',
           })}
         >
-          <EuiSmallButtonIcon
+          <EuiButtonIcon
+            size="xs"
             onClick={() => onFilter?.(columnId, fieldMapping, '-')}
             iconType="minusInCircle"
             aria-label={i18n.translate('discover.filterOutValueLabel', {