diff --git a/apps/comments-ui/src/components/Comment.js b/apps/comments-ui/src/components/Comment.js
index d141c36435..f3c91c7856 100644
--- a/apps/comments-ui/src/components/Comment.js
+++ b/apps/comments-ui/src/components/Comment.js
@@ -94,7 +94,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
                         <div className="flex-0 mb-4">
                             <Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} />
                         </div>
-                        {(!props.isReply && hasReplies || isInReplyMode) && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
+                        {((!props.isReply && hasReplies) || isInReplyMode) && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
                     </div>
                     <div className="grow">
                         <div className="flex items-start -mt-[3px] mb-2">
diff --git a/apps/comments-ui/src/components/CommentsBox.js b/apps/comments-ui/src/components/CommentsBox.js
index 31b6709fc0..66fe559c2e 100644
--- a/apps/comments-ui/src/components/CommentsBox.js
+++ b/apps/comments-ui/src/components/CommentsBox.js
@@ -13,7 +13,7 @@ const CommentsBoxTitle = ({title, showCount, count}) => {
         return null;
     }
 
-    const Title = ({title}) => {
+    const Title = () => {
         if (title === null) {
             return (
                 <><span className="hidden sm:inline">Member </span><span className="capitalize sm:normal-case">discussion</span></>
@@ -23,7 +23,7 @@ const CommentsBoxTitle = ({title, showCount, count}) => {
         return title;
     };
 
-    const Count = ({showCount, count}) => {
+    const Count = () => {
         if (!showCount) {
             return null;
         }
@@ -42,9 +42,9 @@ const CommentsBoxTitle = ({title, showCount, count}) => {
     return (
         <div className="w-full flex justify-between items-baseline font-sans mb-10">
             <h2 className="font-bold text-[2.8rem] tracking-tight dark:text-[rgba(255,255,255,0.85)]">
-                <Title title={title}/>
+                <Title />
             </h2>
-            <Count showCount={showCount} count={count}/>
+            <Count />
         </div>
     );
 };
diff --git a/apps/comments-ui/src/components/modals/AddDetailsDialog.js b/apps/comments-ui/src/components/modals/AddDetailsDialog.js
index b34a3f8384..846cab25c5 100644
--- a/apps/comments-ui/src/components/modals/AddDetailsDialog.js
+++ b/apps/comments-ui/src/components/modals/AddDetailsDialog.js
@@ -59,7 +59,7 @@ const AddNameDialog = (props) => {
                 clearTimeout(timer);
             };
         }
-    }, [inputNameRef, inputBioRef]);
+    }, [inputNameRef, inputBioRef, props.bioAutofocus]);
 
     const renderExampleProfiles = (index) => {
         const renderEl = (profile) => {