diff --git a/frontend/src/components/project/partials/filter-popup.vue b/frontend/src/components/project/partials/filter-popup.vue
index 1238ee9b1..4c4d3eb5c 100644
--- a/frontend/src/components/project/partials/filter-popup.vue
+++ b/frontend/src/components/project/partials/filter-popup.vue
@@ -26,6 +26,7 @@
 			:has-title="true"
 			class="filter-popup"
 			@update:modelValue="emitChanges"
+			@showResultsButtonClicked="() => modalOpen = false"
 		/>
 	</modal>
 </template>
diff --git a/frontend/src/components/project/partials/filters.vue b/frontend/src/components/project/partials/filters.vue
index 837b23d41..7b5b87418 100644
--- a/frontend/src/components/project/partials/filters.vue
+++ b/frontend/src/components/project/partials/filters.vue
@@ -27,7 +27,7 @@
 		>
 			<x-button
 				variant="primary"
-				@click.prevent.stop="change()"
+				@click.prevent.stop="changeAndEmitButton"
 			>
 				{{ $t('filters.showResults') }}
 			</x-button>
@@ -61,7 +61,7 @@ const  {
 	modelValue: TaskFilterParams,
 }>()
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits(['update:modelValue', 'showResultsButtonClicked'])
 
 const route = useRoute()
 const projectId = computed(() => {
@@ -125,4 +125,9 @@ function change() {
 
 	emit('update:modelValue', newParams)
 }
+
+function changeAndEmitButton() {
+	change()
+	emit('showResultsButtonClicked')
+}
 </script>