diff --git a/packages/ra-ui-materialui/src/list/FilterButton.js b/packages/ra-ui-materialui/src/list/FilterButton.js
index 7ce32df1f32..fda4aeab6c7 100644
--- a/packages/ra-ui-materialui/src/list/FilterButton.js
+++ b/packages/ra-ui-materialui/src/list/FilterButton.js
@@ -1,10 +1,9 @@
-import React, { Component, useState, useCallback, useMemo } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Menu from '@material-ui/core/Menu';
-import { withStyles, makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import ContentFilter from '@material-ui/icons/FilterList';
 import classnames from 'classnames';
-import compose from 'recompose/compose';
 import lodashGet from 'lodash/get';
 
 import FilterButtonMenuItem from './FilterButtonMenuItem';
@@ -19,14 +18,14 @@ const FilterButton = ({
     filters,
     displayedFilters,
     filterValues,
-    classes = {},
+    classes: classesOverride,
     className,
     resource,
     ...rest
 }) => {
     const [open, setOpen] = useState(false);
     const [anchorEl, setAncholEl] = useState();
-    const styles = useStyles();
+    const styles = useStyles({ classes: classesOverride });
 
     const hiddenFilters = useMemo(
         () =>
@@ -98,6 +97,7 @@ FilterButton.propTypes = {
     filterValues: PropTypes.object.isRequired,
     showFilter: PropTypes.func.isRequired,
     className: PropTypes.string,
+    classes: PropTypes.object,
 };
 
 export default FilterButton;