From 48d33b406aa6783e5dc7fe17cb62dd3aeeb1e771 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Thu, 11 Jul 2024 22:53:36 -0700
Subject: [PATCH] Use EuiSmallFilterButton

Signed-off-by: Miki <miki@amazon.com>
---
 public/pages/Channels/components/ChannelControls.tsx   | 10 +++++-----
 .../Emails/components/tables/SendersTableControls.tsx  |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/public/pages/Channels/components/ChannelControls.tsx b/public/pages/Channels/components/ChannelControls.tsx
index c0eeddfa..8024a88f 100644
--- a/public/pages/Channels/components/ChannelControls.tsx
+++ b/public/pages/Channels/components/ChannelControls.tsx
@@ -5,7 +5,7 @@
 
 import {
   EuiCompressedFieldSearch,
-  EuiFilterButton,
+  EuiSmallFilterButton,
   EuiFilterGroup,
   EuiFilterSelectItem,
   EuiFlexGroup,
@@ -109,13 +109,13 @@ export const ChannelControls = (props: ChannelControlsProps) => {
         <EuiFilterGroup>
           <EuiPopover
             button={
-              <EuiFilterButton
+              <EuiSmallFilterButton
                 iconType="arrowDown"
                 grow={false}
                 onClick={() => setIsStatePopoverOpen(!isStatePopoverOpen)}
               >
                 {isItemSelected(stateItems) ? <b>Status</b> : 'Status'}
-              </EuiFilterButton>
+              </EuiSmallFilterButton>
             }
             isOpen={isStatePopoverOpen}
             closePopover={() => setIsStatePopoverOpen(false)}
@@ -138,13 +138,13 @@ export const ChannelControls = (props: ChannelControlsProps) => {
           </EuiPopover>
           <EuiPopover
             button={
-              <EuiFilterButton
+              <EuiSmallFilterButton
                 iconType="arrowDown"
                 grow={false}
                 onClick={() => setIsTypePopoverOpen(!isTypePopoverOpen)}
               >
                 {isItemSelected(typeItems) ? <b>Type</b> : 'Type'}
-              </EuiFilterButton>
+              </EuiSmallFilterButton>
             }
             isOpen={isTypePopoverOpen}
             closePopover={() => setIsTypePopoverOpen(false)}
diff --git a/public/pages/Emails/components/tables/SendersTableControls.tsx b/public/pages/Emails/components/tables/SendersTableControls.tsx
index 768edd6f..5bb879d9 100644
--- a/public/pages/Emails/components/tables/SendersTableControls.tsx
+++ b/public/pages/Emails/components/tables/SendersTableControls.tsx
@@ -5,7 +5,7 @@
 
 import {
   EuiCompressedFieldSearch,
-  EuiFilterButton,
+  EuiSmallFilterButton,
   EuiFilterGroup,
   EuiFilterSelectItem,
   EuiFlexGroup,
@@ -77,7 +77,7 @@ export const SendersTableControls = (props: SendersTableControlsProps) => {
         <EuiFilterGroup>
           <EuiPopover
             button={
-              <EuiFilterButton
+              <EuiSmallFilterButton
                 iconType="arrowDown"
                 grow={false}
                 onClick={() =>
@@ -89,7 +89,7 @@ export const SendersTableControls = (props: SendersTableControlsProps) => {
                 ) : (
                   'Encryption method'
                 )}
-              </EuiFilterButton>
+              </EuiSmallFilterButton>
             }
             isOpen={isEncryptionPopoverOpen}
             closePopover={() => setIsEncryptionPopoverOpen(false)}