From 458b65d0954af941829cdafd98c4698c1e816e66 Mon Sep 17 00:00:00 2001
From: Caleb Cox <canac@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:55:34 -0500
Subject: [PATCH] Fix disabled tooltip button warning

---
 .../Filters/FilterListItemMultiselect.tsx     | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Shared/Filters/FilterListItemMultiselect.tsx b/src/components/Shared/Filters/FilterListItemMultiselect.tsx
index 8200fb9ea..3801ddae0 100644
--- a/src/components/Shared/Filters/FilterListItemMultiselect.tsx
+++ b/src/components/Shared/Filters/FilterListItemMultiselect.tsx
@@ -71,15 +71,17 @@ export const FilterListItemMultiselect: React.FC<
           reverseFiltersMap.get(filter.filterKey) &&
           onReverseFilter && (
             <Tooltip title={t('Reverse Filter')}>
-              <IconButton
-                edge="end"
-                aria-label={t('Reverse Filter')}
-                color={reverseSelected ? 'error' : 'default'}
-                disabled={!selected}
-                onClick={onReverseFilter}
-              >
-                <SyncAltIcon />
-              </IconButton>
+              <span>
+                <IconButton
+                  edge="end"
+                  aria-label={t('Reverse Filter')}
+                  color={reverseSelected ? 'error' : 'default'}
+                  disabled={!selected}
+                  onClick={onReverseFilter}
+                >
+                  <SyncAltIcon />
+                </IconButton>
+              </span>
             </Tooltip>
           )
         }