diff --git a/web/src/lib/components/shell/Topbar.svelte b/web/src/lib/components/shell/Topbar.svelte
index 28950f1b..dc8f449d 100644
--- a/web/src/lib/components/shell/Topbar.svelte
+++ b/web/src/lib/components/shell/Topbar.svelte
@@ -167,23 +167,23 @@
 							id="profile-menu"
 							group="topbar"
 							align="right"
-							variant="button"
 							buttonVariant="ghost"
+							variant="button"
 							size="small"
 						>
 							{#snippet trigger()}
 								<User did={user.did} handle={user.handle} />
 							{/snippet}
-							<DropdownItem href={`/${user.handle}`} icon={UserIcon}>Profile</DropdownItem>
-							<DropdownItem href={`/${user.handle}?tab=repos`} icon={BookMarked}>
+							<DropdownItem size="small" href={`/${user.handle}`} icon={UserIcon}>Profile</DropdownItem>
+							<DropdownItem size="small" href={`/${user.handle}?tab=repos`} icon={BookMarked}>
 								Repositories
 							</DropdownItem>
-							<DropdownItem href={`/${user.handle}?tab=strings`} icon={LineSquiggle}>
+							<DropdownItem size="small" href={`/${user.handle}?tab=strings`} icon={LineSquiggle}>
 								Strings
 							</DropdownItem>
-							<DropdownItem href="/settings" icon={Cog}>Settings</DropdownItem>
+							<DropdownItem size="small" href="/settings" icon={Cog}>Settings</DropdownItem>
 							<Separator />
-							<DropdownItem danger icon={LogOut} onclick={onSignOut}>Logout</DropdownItem>
+							<DropdownItem size="small" danger icon={LogOut} onclick={onSignOut}>Logout</DropdownItem>
 						</Dropdown>
 					{:else}
 						<div class={style.identity()} aria-hidden="true">
diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
index 1ecf9a62..95882b61 100644
--- a/web/src/lib/components/ui/Dropdown.svelte
+++ b/web/src/lib/components/ui/Dropdown.svelte
@@ -72,7 +72,7 @@
 		variant = "plain",
 		buttonVariant = "default",
 		insetShadow = false,
-		size = "regular",
+		size,
 		align = "left",
 		label,
 		menuClass,
@@ -183,7 +183,7 @@
 	<Button
 		bind:ref={triggerElement}
 		variant={variant === "button" ? buttonVariant : "ghost"}
-		{size}
+		size={size}
 		class={variant === "button" ? undefined : classes.plainTrigger()}
 		popovertarget={menuId}
 		popovertargetaction="toggle"
diff --git a/web/src/lib/components/ui/DropdownItem.svelte b/web/src/lib/components/ui/DropdownItem.svelte
index 45179c22..e5becf0a 100644
--- a/web/src/lib/components/ui/DropdownItem.svelte
+++ b/web/src/lib/components/ui/DropdownItem.svelte
@@ -22,7 +22,7 @@
 	import type { Component, Snippet } from "svelte";
 	import type { SvelteHTMLElements } from "svelte/elements";
 	import { getContext } from "svelte";
-	import Button from "./Button.svelte";
+	import Button, { type ButtonVariants} from "./Button.svelte";
 
 	interface Props {
 		href?: string;
@@ -32,9 +32,10 @@
 		/** Button hugs its children, so a two-column row needs `[&>span]:w-full` here. */
 		class?: string;
 		children: Snippet;
+		size?: ButtonVariants["size"];
 	}
 
-	let { href, icon, danger = false, onclick, class: className, children }: Props = $props();
+	let { href, icon, danger = false, onclick, class: className, children, size }: Props = $props();
 	const classes = $derived(dropdownItem({ danger, class: className }));
 
 	const closeDropdown = getContext<(() => void) | undefined>("dropdown-close");
@@ -64,6 +65,7 @@
 	role="menuitem"
 	tabindex={-1}
 	onclick={handleClick}
+	size={size}
 >
 	{@render children()}
 </Button>