diff --git a/src/modules/nostr-feed/components/ThreadedPost.vue b/src/modules/nostr-feed/components/ThreadedPost.vue
index b15f601..ee9e844 100644
--- a/src/modules/nostr-feed/components/ThreadedPost.vue
+++ b/src/modules/nostr-feed/components/ThreadedPost.vue
@@ -106,26 +106,26 @@ function getRideshareType(post: FeedPost): string {
     <div
       v-if="depth > 0"
       class="absolute left-0 top-0 bottom-0 w-px bg-border/40"
-      :style="{ marginLeft: `${(depth - 1) * 24 + 12}px` }"
+      :style="{ marginLeft: `${(depth - 1) * 12 + 6}px` }"
     />
 
     <!-- Post container with indentation -->
     <div
       :class="{
-        'pl-6': depth > 0,
+        'pl-3': depth > 0,
         'hover:bg-accent/50': true,
         'transition-colors': true,
         'border-b': depth === 0,
         'border-border/40': depth === 0
       }"
-      :style="{ marginLeft: `${depth * 24}px` }"
+      :style="{ marginLeft: `${depth * 12}px` }"
     >
       <div class="p-3 relative">
         <!-- Horizontal line from vertical line to content (for nested replies) -->
         <div
           v-if="depth > 0"
-          class="absolute left-0 top-7 w-3 h-px bg-border/40"
-          :style="{ marginLeft: `-${depth * 24}px` }"
+          class="absolute left-0 top-7 w-2 h-px bg-border/40"
+          :style="{ marginLeft: `-${depth * 12}px` }"
         />
 
         <!-- Post Header -->