diff --git a/web/src/lib/components/comment/CommentCard.svelte b/web/src/lib/components/comment/CommentCard.svelte
index 3510931f7..78c836df0 100644
--- a/web/src/lib/components/comment/CommentCard.svelte
+++ b/web/src/lib/components/comment/CommentCard.svelte
@@ -175,10 +175,11 @@
 	/>
 {/snippet}
 
+{#snippet selfEditor()}
+	{@render commentEditor(thread.self, undefined, undefined)}
+{/snippet}
+
 <Card padding="none">
-	{#snippet selfEditor()}
-		{@render commentEditor(thread.self, undefined, undefined)}
-	{/snippet}
 	<div class="group relative">
 		<Comment
 			authorHandle={thread.self.authorHandle}
diff --git a/web/src/lib/components/reaction/Reaction.svelte b/web/src/lib/components/reaction/Reaction.svelte
index 304fb6d6c..6c4a53f84 100644
--- a/web/src/lib/components/reaction/Reaction.svelte
+++ b/web/src/lib/components/reaction/Reaction.svelte
@@ -26,8 +26,9 @@
 	disabled={pending}
 	aria-pressed={reaction.isReacted}
 	onclick={ontoggle}
-	class={reaction.isReacted &&
-		"border-background-info-emphasis/10 bg-background-info-subtle hover:bg-background-info-subtle-hover"}
+	class={reaction.isReacted
+		? "border-background-info-emphasis/10 bg-background-info-subtle hover:bg-background-info-subtle-hover"
+		: undefined}
 >
 	<span>{reaction.kind}</span>
 	<span>{formatCount(reaction.count)}</span>