diff --git a/app/components/PostComments.vue b/app/components/PostComments.vue
index 85f4ef5..443af9a 100644
--- a/app/components/PostComments.vue
+++ b/app/components/PostComments.vue
@@ -209,8 +209,8 @@ async function submitComment() {
       <div
         v-for="{ node, depth } in flatComments"
         :key="node.id"
-        :class="depth > 0 ? 'ml-4 border-l border-default pl-3' : ''"
-        class="space-y-2 py-1"
+        :class="['space-y-2 py-1', depth > 0 && 'border-l border-default']"
+        :style="depth > 0 ? { marginLeft: `${depth * 0.75}rem`, paddingLeft: '0.75rem' } : undefined"
       >
         <template v-if="node.deleted">
           <p class="text-sm text-muted">