diff --git a/web/src/routes/[handle]/settings/members/MembersTab.stories.svelte b/web/src/routes/[handle]/settings/members/MembersTab.stories.svelte
new file mode 100644
index 000000000..9197d9afc
--- /dev/null
+++ b/web/src/routes/[handle]/settings/members/MembersTab.stories.svelte
@@ -0,0 +1,40 @@
+<script module lang="ts">
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { expect } from "storybook/test";
+	import MembersTab from "$routes/[handle]/settings/members/MembersTab.svelte";
+	import { organizationMembers } from "$lib/components/profile/organization/mock";
+
+	const { Story } = defineMeta({
+		title: "Settings/MembersTab",
+		component: MembersTab,
+		parameters: { sveltekit: { state: { page: { params: { handle: "tangled.org" } } } } }
+	});
+</script>
+
+<Story
+	name="Search members"
+	play={async ({ canvas, userEvent }) => {
+		const search = canvas.getByRole("searchbox", { name: "Search members" });
+		await expect(canvas.getAllByRole("button", { name: /^More actions for / })).toHaveLength(
+			organizationMembers.length
+		);
+		await expect(canvas.getByRole("link", { name: "Add member" })).toHaveAttribute(
+			"href",
+			"/tangled.org/settings/members/new"
+		);
+		await userEvent.type(search, "  UsEr.TLD  ");
+		await expect(canvas.getByRole("link", { name: "user.tld" })).toBeVisible();
+		await expect(canvas.getAllByRole("button", { name: /^More actions for / })).toHaveLength(1);
+		await userEvent.clear(search);
+		await userEvent.type(search, "no-such-member");
+		await expect(canvas.getByText("No member matches your search")).toBeVisible();
+		await expect(
+			canvas.queryByRole("button", { name: /^More actions for / })
+		).not.toBeInTheDocument();
+		await userEvent.clear(search);
+		await expect(canvas.queryByText("No member matches your search")).not.toBeInTheDocument();
+		for (const member of organizationMembers) {
+			await expect(canvas.getByRole("link", { name: member.handle })).toBeVisible();
+		}
+	}}
+/>
diff --git a/web/src/routes/[handle]/settings/members/MembersTab.svelte b/web/src/routes/[handle]/settings/members/MembersTab.svelte
index 870ff1052..5614fe2db 100644
--- a/web/src/routes/[handle]/settings/members/MembersTab.svelte
+++ b/web/src/routes/[handle]/settings/members/MembersTab.svelte
@@ -2,6 +2,10 @@
 	import { page } from "$app/state";
 	import { resolve } from "$app/paths";
 	import Button from "$lib/components/ui/Button.svelte";
+	import ConfirmModal from "$lib/components/ui/ConfirmModal.svelte";
+	import DropdownItem from "$lib/components/ui/DropdownItem.svelte";
+	import Input from "$lib/components/ui/Input.svelte";
+	import MoreMenu from "$lib/components/ui/MoreMenu.svelte";
 	import User from "$lib/components/ui/User.svelte";
 	import SettingsEmpty from "$lib/components/settings/SettingsEmpty.svelte";
 	import SettingsHeader from "$lib/components/settings/SettingsHeader.svelte";
@@ -11,15 +15,32 @@
 	import { organizationMembers } from "$lib/components/profile/organization/mock";
 	import type { PersonData } from "$lib/components/profile/types";
 	import Plus from "$icon/plus";
+	import Search from "$icon/search";
 	import Trash from "$icon/trash-2";
 
 	const handle = $derived(decodeURIComponent(page.params.handle ?? ""));
 	const addHref = $derived(resolve(`/${handle}/settings/members/new` as "/"));
 
 	let members = $state<PersonData[]>([...organizationMembers]);
+	let query = $state("");
+	const filtered = $derived(
+		members.filter((member) => member.handle.toLowerCase().includes(query.trim().toLowerCase()))
+	);
 
-	const remove = (did: string) => {
-		members = members.filter((member) => member.did !== did);
+	let removeConfirmOpen = $state(false);
+	let memberPendingRemoval = $state<PersonData | null>(null);
+
+	const confirmRemove = (member: PersonData) => {
+		memberPendingRemoval = member;
+		removeConfirmOpen = true;
+	};
+
+	const removeSelected = () => {
+		const pending = memberPendingRemoval;
+		if (!pending) return;
+		members = members.filter((member) => member.did !== pending.did);
+		memberPendingRemoval = null;
+		removeConfirmOpen = false;
 	};
 </script>
 
@@ -27,6 +48,16 @@
 
 <div class="flex w-full flex-col gap-4">
 	<SettingsToolbar>
+		{#snippet start()}
+			<Input
+				bind:value={query}
+				type="search"
+				label="Search members"
+				placeholder="Search members"
+				iconLeft={Search}
+				class="min-w-0 flex-1"
+			/>
+		{/snippet}
 		{#snippet end()}
 			<Button href={addHref} icon={Plus}>Add member</Button>
 		{/snippet}
@@ -34,24 +65,32 @@
 
 	{#if members.length === 0}
 		<SettingsEmpty message="No members yet" />
+	{:else if filtered.length === 0}
+		<SettingsEmpty message="No member matches your search" />
 	{:else}
 		<SettingsList>
-			{#each members as member (member.did)}
-				<SettingsRow stack>
+			{#each filtered as member (member.did)}
+				<SettingsRow>
 					{#snippet label()}
 						<User handle={member.handle} did={member.did} size="regular" link />
 					{/snippet}
-					<Button
-						variant="danger"
-						size="small"
-						icon={Trash}
-						aria-label="Remove {member.handle}"
-						onclick={() => remove(member.did)}
-					>
-						Remove
-					</Button>
+					<MoreMenu label={`More actions for ${member.handle}`}>
+						<DropdownItem danger icon={Trash} onclick={() => confirmRemove(member)}>
+							Remove
+						</DropdownItem>
+					</MoreMenu>
 				</SettingsRow>
 			{/each}
 		</SettingsList>
 	{/if}
 </div>
+
+<ConfirmModal
+	bind:open={removeConfirmOpen}
+	title="Remove member?"
+	description={memberPendingRemoval
+		? `${memberPendingRemoval.handle} will lose access to the repositories of this organization. An owner has to invite them back.`
+		: undefined}
+	confirmLabel="Remove"
+	onconfirm={removeSelected}
+/>