diff --git a/src/routes/admin/users/+page.svelte b/src/routes/admin/users/+page.svelte
index 98dce16..4ed6545 100644
--- a/src/routes/admin/users/+page.svelte
+++ b/src/routes/admin/users/+page.svelte
@@ -61,13 +61,24 @@
 			users = users;
 		}
 	}
+
+	let userFilterEffectAlreadyRan = false;
+	$effect(() => {
+		userFilter;
+
+		if (!userFilterEffectAlreadyRan) {
+			userFilterEffectAlreadyRan = true;
+			return;
+		}
+		fetchUsers({ from: 0 }).then((u) => (users = u));
+	});
 </script>
 
 <div class="h-full flex flex-col overflow-hidden">
 	<div class="grid grid-cols-[10fr_1fr_10fr_1fr_10fr]">
 		<div></div>
 		<div></div>
-		<HeaderBar bind:userFilter onUpdate={() => fetchUsers({ from: 0 }).then((u) => (users = u))} />
+		<HeaderBar bind:userFilter onUpdate={() => (userFilter = $state.snapshot(userFilter))} />
 		<div class="divider divider-horizontal my-auto h-3/4"></div>
 		<div class="flex items-center">
 			<button class="btn" onclick={() => newUserModal.show()}>