diff --git a/apps/ui/src/main-page-view-model.ts b/apps/ui/src/main-page-view-model.ts
index acc9b7aca..bcf98fec7 100644
--- a/apps/ui/src/main-page-view-model.ts
+++ b/apps/ui/src/main-page-view-model.ts
@@ -70,9 +70,11 @@ export class MainPageViewModel extends TestPageMainViewModel {
 
 	private filterListView(value: string) {
 		if (!MainPageViewModel.checkIfStringIsNullEmptyOrUndefined(value)) {
-			let array = MainPageViewModel.ALL_EXAMPLES.filter((testExample, index, array) => {
-				return MainPageViewModel.stringContains(testExample.path.toLowerCase(), value.toLowerCase()) || MainPageViewModel.stringContains(testExample.name.toLowerCase(), value.toLowerCase());
-			});
+			let array = Array.from(
+				MainPageViewModel.ALL_EXAMPLES.filter((testExample, index, array) => {
+					return MainPageViewModel.stringContains(testExample.path.toLowerCase(), value.toLowerCase()) || MainPageViewModel.stringContains(testExample.name.toLowerCase(), value.toLowerCase());
+				})
+			);
 			this.filteredListOfExamples = new ObservableArray(array);
 		} else {
 			this.filteredListOfExamples = null;
diff --git a/apps/ui/src/search-bar/issue-5039-view-model.ts b/apps/ui/src/search-bar/issue-5039-view-model.ts
index 266306571..c55aa5af0 100644
--- a/apps/ui/src/search-bar/issue-5039-view-model.ts
+++ b/apps/ui/src/search-bar/issue-5039-view-model.ts
@@ -20,7 +20,8 @@ export class Issue5039ViewModel extends Observable {
 	}
 
 	filter(value: string = '') {
+		const filteredItems = this._items.filter((item) => -1 !== item.indexOf(value));
 		this.items.splice(0, this.items.length); // remove all items
-		this.items.push(this._items.filter((i) => -1 !== i.indexOf(value)));
+		this.items.push(...filteredItems);
 	}
 }