diff --git a/web/src/lib/components/reaction/ReactionPicker.svelte b/web/src/lib/components/reaction/ReactionPicker.svelte
index fa2e6c9c1..789c1beb9 100644
--- a/web/src/lib/components/reaction/ReactionPicker.svelte
+++ b/web/src/lib/components/reaction/ReactionPicker.svelte
@@ -71,7 +71,7 @@
 	id={popoverId}
 	popover="auto"
 	style={`position-anchor: ${anchorName}`}
-	class="inset-auto mt-1 h-fit w-max rounded-sm border border-border-default bg-background-default text-foreground-default shadow-menu [position-area:bottom_center]"
+	class="inset-auto mt-1 h-fit w-max rounded-sm border border-border-default bg-background-default text-foreground-default shadow-regular [position-area:bottom_center]"
 >
 	<div class="grid grid-cols-4 p-1">
 		{#each ORDERED_REACTION_KINDS as kind (kind)}
diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
index 47d299d84..0b73a9a82 100644
--- a/web/src/lib/components/ui/Dropdown.svelte
+++ b/web/src/lib/components/ui/Dropdown.svelte
@@ -7,7 +7,7 @@
 			root: "relative inline-block",
 			plainTrigger:
 				"flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-inherit",
-			menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default text-sm text-foreground-default shadow-menu"
+			menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default text-sm text-foreground-default shadow-regular"
 		},
 		variants: {
 			align: {