changes are happening to me

web/components/contract/contract-tabs.tsx

@@ -173,40 +173,7 @@ const CommentsTabContent = memo(function CommentsTabContent(props: {
           />
         )}
         {topLevelComments.map((parent) => {
-          if (parent.answerOutcome != undefined) {
+          if (parent.answerOutcome === undefined) {
-            const answer = contract.answers.find(
-              (answer) => answer.id === parent.answerOutcome
-            )
-            if (answer === undefined) {
-              console.error('Could not find answer that matches ID')
-              return <></>
-            } else {
-              return (
-                <>
-                  <Row className="gap-2">
-                    <CommentsAnswer answer={answer} contract={contract} />
-                  </Row>
-                  <Row>
-                    <div className="ml-1">
-                      <Curve size={28} strokeWidth={1} color="#D8D8EB" />
-                    </div>
-                    <div className="w-full pt-1">
-                      <FeedCommentThread
-                        key={parent.id}
-                        contract={contract}
-                        parentComment={parent}
-                        threadComments={sortBy(
-                          commentsByParent[parent.id] ?? [],
-                          (c) => c.createdTime
-                        )}
-                        tips={tips}
-                      />
-                    </div>
-                  </Row>
-                </>
-              )
-            }
-          } else {
             return (
               <FeedCommentThread
                 key={parent.id}
@@ -220,6 +187,37 @@ const CommentsTabContent = memo(function CommentsTabContent(props: {
               />
             )
           }
+          const answer = contract.answers.find(
+            (answer) => answer.id === parent.answerOutcome
+          )
+          if (answer === undefined) {
+            console.error('Could not find answer that matches ID')
+            return <></>
+          }
+          return (
+            <>
+              <Row className="gap-2">
+                <CommentsAnswer answer={answer} contract={contract} />
+              </Row>
+              <Row>
+                <div className="ml-1">
+                  <Curve size={28} strokeWidth={1} color="#D8D8EB" />
+                </div>
+                <div className="w-full pt-1">
+                  <FeedCommentThread
+                    key={parent.id}
+                    contract={contract}
+                    parentComment={parent}
+                    threadComments={sortBy(
+                      commentsByParent[parent.id] ?? [],
+                      (c) => c.createdTime
+                    )}
+                    tips={tips}
+                  />
+                </div>
+              </Row>
+            </>
+          )
         })}
       </>
     )

web/components/feed/feed-comments.tsx

@@ -78,10 +78,6 @@ export function FeedCommentThread(props: {
         ))}
       {replyTo && (
         <Col className="-pb-2 relative ml-6">
-          <span
-            className="absolute -left-1 -ml-[1px] mt-[0.8rem] h-2 w-0.5 rotate-90 bg-gray-200"
-            aria-hidden="true"
-          />
           <ContractCommentInput
             contract={contract}
             parentCommentId={parentComment.id}