diff --git a/web/src/lib/components/auth/AccountSelector.svelte b/web/src/lib/components/auth/AccountSelector.svelte
index 32be2ed6..8f05a879 100644
--- a/web/src/lib/components/auth/AccountSelector.svelte
+++ b/web/src/lib/components/auth/AccountSelector.svelte
@@ -3,7 +3,6 @@
 
 	export const accountSelector = tv({
 		slots: {
-			trigger: "flex min-w-0 items-center gap-1.5",
 			chevron: "size-3 shrink-0",
 			header: "border-b-0 px-2 py-1.5"
 		}
@@ -41,12 +40,16 @@
 </script>
 
 {#if selected && others.length > 0}
-	<Dropdown {group} {disabled} label={`${label} ${selected.handle}`} class={className}>
+	<Dropdown
+		{group}
+		{disabled}
+		label={`${label} ${selected.handle}`}
+		class={className}
+		variant="button"
+	>
 		{#snippet trigger()}
-			<span class={classes.trigger()}>
-				<User did={selected.did} handle={selected.handle} class="min-w-0" />
-				<ChevronDown class={classes.chevron()} aria-hidden="true" />
-			</span>
+			<User did={selected.did} handle={selected.handle} class="min-w-0" />
+			<ChevronDown class={classes.chevron()} aria-hidden="true" />
 		{/snippet}
 
 		<div class={classes.header()}>{label}</div>