diff --git a/web/src/lib/components/comment/CommentCard.svelte b/web/src/lib/components/comment/CommentCard.svelte
index ee6cbeed3..51e1db80e 100644
--- a/web/src/lib/components/comment/CommentCard.svelte
+++ b/web/src/lib/components/comment/CommentCard.svelte
@@ -123,11 +123,13 @@
 			onunreacted={onUnreacted(comment.uri)}
 			dropdownOrigin="tr"
 			dropdownAlign="right"
+			triggerClass="hit-area-x-0.5 overflow-visible"
 		/>
 		{#if auth?.hasAccount(comment.authorDid) || reporting.canReport(comment.authorDid)}
 			<MoreMenu
 				group="comment-actions"
 				size="small"
+				triggerClass="hit-area-x-0.5 overflow-visible"
 				label={`More actions for ${comment.authorHandle}'s ${noun}`}
 			>
 				{#if auth?.hasAccount(comment.authorDid)}
diff --git a/web/src/lib/components/reaction/ReactionPicker.svelte b/web/src/lib/components/reaction/ReactionPicker.svelte
index 42bb1a001..603045ab5 100644
--- a/web/src/lib/components/reaction/ReactionPicker.svelte
+++ b/web/src/lib/components/reaction/ReactionPicker.svelte
@@ -20,10 +20,18 @@
 		onunreacted?: (kind: ReactionKind) => void;
 		dropdownAlign?: DropdownVariants["align"];
 		dropdownOrigin?: PopoverOrigin;
+		triggerClass?: string;
 	}
 
-	let { subjectUri, reacted, onreacted, onunreacted, dropdownAlign, dropdownOrigin }: Props =
-		$props();
+	let {
+		subjectUri,
+		reacted,
+		onreacted,
+		onunreacted,
+		dropdownAlign,
+		dropdownOrigin,
+		triggerClass
+	}: Props = $props();
 
 	const auth = getAuth();
 
@@ -79,6 +87,7 @@
 	menuClass="w-fit"
 	align={dropdownAlign}
 	origin={dropdownOrigin}
+	{triggerClass}
 >
 	{#snippet trigger()}
 		<SmilePlus class="size-3.5" />