Use EuiSmallFilterButton

Signed-off-by: Miki <[email protected]>
opensearch-project · Aug 1, 2024 · 901d9a7 · 901d9a7
1 parent be4c398
commit 901d9a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/public/components/common/options_filter/options_filter.tsx b/public/components/common/options_filter/options_filter.tsx
@@ -8,7 +8,7 @@ import {
   EuiPopover,
   EuiPopoverTitle,
   EuiFieldSearch,
-  EuiFilterButton,
+  EuiSmallFilterButton,
   EuiPopoverFooter,
   EuiFlexGroup,
   EuiFlexItem,
@@ -73,14 +73,14 @@ export const OptionsFilter = <T extends string | number = string>({
   return (
     <EuiPopover
       button={
-        <EuiFilterButton
+        <EuiSmallFilterButton
           iconType="arrowDown"
           onClick={handleButtonClick}
           isSelected={isPopoverOpen}
           {...(value.length > 0 ? { hasActiveFilters: true, numActiveFilters: value.length } : {})}
         >
           {name}
-        </EuiFilterButton>
+        </EuiSmallFilterButton>
       }
       isOpen={isPopoverOpen}
       closePopover={closePopover}

diff --git a/public/components/status_filter/index.tsx b/public/components/status_filter/index.tsx
@@ -8,7 +8,7 @@ import {
   EuiPopover,
   EuiPopoverTitle,
   EuiFilterGroup,
-  EuiFilterButton,
+  EuiSmallFilterButton,
   EuiSelectable,
   EuiSelectableOption,
   EuiIcon,
@@ -66,7 +66,7 @@ export const StatusFilter = ({ onUpdateFilters, options, loading }: Props) => {
   );
 
   const button = (
-    <EuiFilterButton
+    <EuiSmallFilterButton
       iconType="arrowDown"
       onClick={onButtonClick}
       isSelected={isPopoverOpen}
@@ -76,7 +76,7 @@ export const StatusFilter = ({ onUpdateFilters, options, loading }: Props) => {
       isLoading={loading}
     >
       Status
-    </EuiFilterButton>
+    </EuiSmallFilterButton>
   );
 
   return (