diff --git a/platform/ui/src/components/StudyListFilter/StudyListFilter.jsx b/platform/ui/src/components/StudyListFilter/StudyListFilter.jsx
index eed2cb795..a8f956439 100644
--- a/platform/ui/src/components/StudyListFilter/StudyListFilter.jsx
+++ b/platform/ui/src/components/StudyListFilter/StudyListFilter.jsx
@@ -6,7 +6,7 @@ import { Button, Icon, Typography, InputGroup } from '@ohif/ui';
 const StudyListFilter = ({
   filtersMeta,
   filterValues,
-  setFilterValues,
+  onChange,
   clearFilters,
   isFiltering,
   numOfStudies,
@@ -14,7 +14,7 @@ const StudyListFilter = ({
   const { sortBy, sortDirection } = filterValues;
   const filterSorting = { sortBy, sortDirection };
   const setFilterSorting = sortingValues => {
-    setFilterValues({
+    onChange({
       ...filterValues,
       ...sortingValues,
     });
@@ -81,7 +81,7 @@ const StudyListFilter = ({
           <InputGroup
             inputMeta={filtersMeta}
             values={filterValues}
-            onValuesChange={setFilterValues}
+            onValuesChange={onChange}
             sorting={filterSorting}
             onSortingChange={setFilterSorting}
             isSortingEnable={isSortingEnable}
@@ -121,7 +121,7 @@ StudyListFilter.propTypes = {
   ).isRequired,
   filterValues: PropTypes.object.isRequired,
   numOfStudies: PropTypes.number.isRequired,
-  setFilterValues: PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
   clearFilters: PropTypes.func.isRequired,
   isFiltering: PropTypes.bool.isRequired,
 };
diff --git a/platform/ui/src/components/StudyListFilter/StudyListFilter.mdx b/platform/ui/src/components/StudyListFilter/StudyListFilter.mdx
index ca4ba702c..8c23c9876 100644
--- a/platform/ui/src/components/StudyListFilter/StudyListFilter.mdx
+++ b/platform/ui/src/components/StudyListFilter/StudyListFilter.mdx
@@ -105,7 +105,7 @@ import { StudyListFilter } from '@ohif/ui';
         numOfStudies={100}
         filtersMeta={filtersMeta}
         filterValues={filterValues}
-        setFilterValues={setFilterValues}
+        onChange={setFilterValues}
         clearFilters={() => setFilterValues(defaultFilterValues)}
         isFiltering={isFiltering(filterValues, defaultFilterValues)}
       />
diff --git a/platform/ui/src/views/StudyList/StudyList.js b/platform/ui/src/views/StudyList/StudyList.js
index 24cf4ee8a..9030e7788 100644
--- a/platform/ui/src/views/StudyList/StudyList.js
+++ b/platform/ui/src/views/StudyList/StudyList.js
@@ -272,7 +272,7 @@ const StudyList = () => {
         numOfStudies={numOfStudies}
         filtersMeta={filtersMeta}
         filterValues={filterValues}
-        setFilterValues={setFilterValues}
+        onChange={setFilterValues}
         clearFilters={() => setFilterValues(defaultFilterValues)}
         isFiltering={isFiltering(filterValues, defaultFilterValues)}
       />
diff --git a/platform/ui/src/views/StudyList/StudyList.mdx b/platform/ui/src/views/StudyList/StudyList.mdx
index cb5d7979e..50b5a4ff7 100644
--- a/platform/ui/src/views/StudyList/StudyList.mdx
+++ b/platform/ui/src/views/StudyList/StudyList.mdx
@@ -323,7 +323,7 @@ components.
             numOfStudies={numOfStudies}
             filtersMeta={filtersMeta}
             filterValues={filterValues}
-            setFilterValues={setFilterValues}
+            onChange={setFilterValues}
             clearFilters={() => setFilterValues(defaultFilterValues)}
             isFiltering={isFiltering(filterValues, defaultFilterValues)}
           />