diff --git a/packages/ra-ui-materialui/src/list/filter/FilterListItem.tsx b/packages/ra-ui-materialui/src/list/filter/FilterListItem.tsx
index 994ed149409..482ab6cc877 100644
--- a/packages/ra-ui-materialui/src/list/filter/FilterListItem.tsx
+++ b/packages/ra-ui-materialui/src/list/filter/FilterListItem.tsx
@@ -189,14 +189,13 @@ export const FilterListItem = memo((props: FilterListItemProps) => {
                     data-selected={isSelected ? 'true' : 'false'}
                 />
                 {isSelected && (
-                    <ListItemSecondaryAction>
-                        <IconButton
-                            size="small"
-                            onClick={event => {
-                                event.stopPropagation();
-                                toggleFilter();
-                            }}
-                        >
+                    <ListItemSecondaryAction
+                        onClick={event => {
+                            event.stopPropagation();
+                            toggleFilter();
+                        }}
+                    >
+                        <IconButton size="small">
                             <CancelIcon />
                         </IconButton>
                     </ListItemSecondaryAction>