Fixed Android's svg spans full width

src/components/Timeline/Default.tsx

@@ -36,6 +36,7 @@ export interface Props {
   disableDetails?: boolean
   disableOnPress?: boolean
   isConversation?: boolean
+  noBackground?: boolean
 }
 
 // When the poll is long
@@ -45,7 +46,8 @@ const TimelineDefault: React.FC<Props> = ({
   highlighted = false,
   disableDetails = false,
   disableOnPress = false,
-  isConversation = false
+  isConversation = false,
+  noBackground = false
 }) => {
   const status = item.reblog ? item.reblog : item
   const rawContent = useRef<string[]>([])
@@ -77,7 +79,7 @@ const TimelineDefault: React.FC<Props> = ({
     padding: disableDetails
       ? StyleConstants.Spacing.Global.PagePadding / 1.5
       : StyleConstants.Spacing.Global.PagePadding,
-    backgroundColor: colors.backgroundDefault,
+    backgroundColor: noBackground ? undefined : colors.backgroundDefault,
     paddingBottom: disableDetails ? StyleConstants.Spacing.Global.PagePadding / 1.5 : 0
   }
   const main = () => (

src/screens/Tabs/Shared/Toot.tsx

@@ -310,12 +310,6 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
               }
             }) => setHeights({ ...heights, [index]: height })}
           >
-            <TimelineDefault
-              item={item}
-              queryKey={item._remote ? queryKey.remote : queryKey.local}
-              highlighted={toot.id === item.id || item.id === 'cached'}
-              isConversation={toot.id !== item.id && item.id !== 'cached'}
-            />
             {curr > 1 || next > 1
               ? [...new Array(curr)].map((_, i) => {
                   if (i > MAX_LEVEL) return null
@@ -399,6 +393,13 @@ const TabSharedToot: React.FC<TabSharedStackScreenProps<'Tab-Shared-Toot'>> = ({
                   }
                 })
               : null}
+            <TimelineDefault
+              item={item}
+              queryKey={item._remote ? queryKey.remote : queryKey.local}
+              highlighted={toot.id === item.id || item.id === 'cached'}
+              isConversation={toot.id !== item.id && item.id !== 'cached'}
+              noBackground
+            />
             {/* <CustomText
               children={query.data?.pages[0].body[index - 1]?._level}
               style={{ position: 'absolute', top: 4, left: 4, color: colors.red }}