diff --git a/src/components/Filters/FilterDisplay.vue b/src/components/Filters/FilterDisplay.vue
index c9274c518..940a9c43a 100644
--- a/src/components/Filters/FilterDisplay.vue
+++ b/src/components/Filters/FilterDisplay.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="filter-display padding-horizontal-normal" aria-live="polite">
-        <span v-if="anyFilterApplied()" class="caption has-text-weight-semibold">Filter By</span>
+        <span v-if="anyFilterApplied" class="caption has-text-weight-semibold">Filter By</span>
         <span v-for="filter in getFilters('licenses')" :key="filter.code">
           <filter-block :code="filter.code"
                         :label="filter.name"
@@ -84,6 +84,9 @@ export default {
     mature() {
       return this.$store.state.filters.mature;
     },
+    anyFilterApplied() {
+      return this.$store.state.isFilterApplied;
+    },
   },
   methods: {
     getFilters(filterType) {
@@ -96,9 +99,6 @@ export default {
       });
       return filterTags;
     },
-    anyFilterApplied() {
-      return this.$store.state.isFilterApplied;
-    },
     onUpdateFilter({ code, filterType }) {
       this.$store.dispatch(TOGGLE_FILTER, {
         code,
diff --git a/test/unit/specs/components/filter-display.spec.js b/test/unit/specs/components/filter-display.spec.js
index d93ebc9f1..643678854 100644
--- a/test/unit/specs/components/filter-display.spec.js
+++ b/test/unit/specs/components/filter-display.spec.js
@@ -55,7 +55,7 @@ describe('FilterDisplay', () => {
   });
 
   it('should render filter by caption label', () => {
-    filters.licenses[0].checked = true;
+    options.mocks.$store.state.isFilterApplied = true;
     const wrapper = render(FilterDisplay, options);
     expect(wrapper.find('.caption').element.textContent).toBe('Filter By');
   });