diff --git a/web/src/lib/components/comment/Comment.svelte b/web/src/lib/components/comment/Comment.svelte
index 55014888a..b5f75cd38 100644
--- a/web/src/lib/components/comment/Comment.svelte
+++ b/web/src/lib/components/comment/Comment.svelte
@@ -42,13 +42,13 @@
 
 {#if deleted}
 	<div
-		class={`text-foreground-muted italic ${variant === "top" ? "border-b border-border-default bg-background-default pt-4 pr-4 pb-5 pl-6" : "py-4 pr-4"}`}
+		class={`text-foreground-muted italic ${variant === "top" ? "border-b border-border-default bg-background-default p-4 pb-5" : "pt-3 pb-4 pr-4"}`}
 	>
 		This comment was deleted.
 	</div>
 {:else}
 	<div
-		class={`grid grid-cols-[auto_minmax(0,1fr)] gap-x-1.5 ${variant === "top" ? "border-b border-border-default bg-background-default pt-4 pr-4 pb-5 pl-6" : "py-4 pr-4"}`}
+		class={`grid grid-cols-[auto_minmax(0,1fr)] gap-x-1.5 ${variant === "top" ? "border-b border-border-default bg-background-default p-4 pb-5" : "pt-3 pb-4 pr-4"}`}
 	>
 		<div class="self-center">
 			<ProfilePopover did={authorDid}>
diff --git a/web/src/lib/components/comment/CommentCard.svelte b/web/src/lib/components/comment/CommentCard.svelte
index 97d930235..28d082d31 100644
--- a/web/src/lib/components/comment/CommentCard.svelte
+++ b/web/src/lib/components/comment/CommentCard.svelte
@@ -181,7 +181,7 @@
 	{@render commentActions(thread.self, "comment")}
 {/snippet}
 
-<Card padding="none">
+<Card padding="none" class="bg-background-subtle dark:bg-background-default">
 	<div class="group">
 		<Comment
 			authorHandle={thread.self.authorHandle}
@@ -202,7 +202,7 @@
 	</div>
 
 	{#if thread.replies.length}
-		<div class="ml-10">
+		<div class="ml-8">
 			{#each thread.replies as reply, i (reply.uri)}
 				{#snippet replyEditor()}
 					{@render commentEditor(reply, thread.self.uri, thread.self.cid)}