diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index cb439bc32c..adddd3f04c 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -1,7 +1,6 @@
import React, {useMemo, useState} from 'react'
import {observer} from 'mobx-react-lite'
import {StyleSheet, Text, View} from 'react-native'
-import Svg, {Line} from 'react-native-svg'
import {AtUri} from '../../../third-party/uri'
import * as PostType from '../../../third-party/api/src/client/types/app/bsky/feed/post'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
@@ -197,34 +196,8 @@ export const PostThreadItem = observer(function PostThreadItem({
} else {
return (
- {!!item.replyingToAuthor && (
-
-
-
- )}
- {item.replies?.length !== 0 && (
-
-
-
- )}
+ {!!item.replyingToAuthor && }
+ {item.replies?.length !== 0 && }
@@ -292,14 +265,19 @@ const styles = StyleSheet.create({
},
parentReplyLine: {
position: 'absolute',
- left: 30,
+ left: 34,
top: -1 * PARENT_REPLY_LINE_LENGTH + 6,
+ height: PARENT_REPLY_LINE_LENGTH,
+ borderLeftWidth: 2,
+ borderLeftColor: colors.gray2,
},
childReplyLine: {
position: 'absolute',
- left: 30,
+ left: 34,
top: 65,
bottom: 0,
+ borderLeftWidth: 2,
+ borderLeftColor: colors.gray2,
},
layout: {
flexDirection: 'row',