diff --git a/src-ui/src/app/pipes/filter.pipe.ts b/src-ui/src/app/pipes/filter.pipe.ts
index a982e9019..8465f1533 100644
--- a/src-ui/src/app/pipes/filter.pipe.ts
+++ b/src-ui/src/app/pipes/filter.pipe.ts
@@ -1,17 +1,18 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { ToggleableItem } from 'src/app/components/common/filterable-dropdown/toggleable-dropdown-button/toggleable-dropdown-button.component';
+import { MatchingModel } from '../data/matching-model';
 
 @Pipe({
   name: 'filter'
 })
 export class FilterPipe implements PipeTransform {
-  transform(toggleableItems: ToggleableItem[], searchText: string): any[] {
-    if (!toggleableItems) return [];
-    if (!searchText) return toggleableItems;
+  transform(items: MatchingModel[], searchText: string): any[] {
+    if (!items) return [];
+    if (!searchText) return items;
 
-    return toggleableItems.filter(toggleableItem => {
-      return Object.keys(toggleableItem.item).some(key => {
-        return String(toggleableItem.item[key]).toLowerCase().includes(searchText.toLowerCase());
+    return items.filter(item => {
+      return Object.keys(item).some(key => {
+        return String(item[key]).toLowerCase().includes(searchText.toLowerCase());
       });
     });
    }