X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/fd79729916cf6ddf27063b1865d39a36abb9e038..4b4ef8d9e7c3d65e4d65b8aafb68b294c30e2e28:/src/components/data-table-filters/data-table-filters.tsx

diff --git a/src/components/data-table-filters/data-table-filters.tsx b/src/components/data-table-filters/data-table-filters.tsx
index cf0260b165..bede5aeaf9 100644
--- a/src/components/data-table-filters/data-table-filters.tsx
+++ b/src/components/data-table-filters/data-table-filters.tsx
@@ -50,11 +50,10 @@ class DataTableFilter extends React.Component<DataTableFilterProps & WithStyles<
 
     render() {
         const { name, classes, children } = this.props;
+        const isActive = this.state.filters.some(f => f.selected);
         return <>
             <ButtonBase
-                className={classnames([
-                    classes.root,
-                    { [classes.active]: this.state.filters.filter(({ selected }) => !selected).length > 0 }])}
+                className={classnames([classes.root, { [classes.active]: isActive }])}
                 component="span"
                 onClick={this.open}
                 disableRipple>
