diff --git a/src/discussions/comments/CommentsView.jsx b/src/discussions/comments/CommentsView.jsx
index eae8e8fb..50ba2728 100644
--- a/src/discussions/comments/CommentsView.jsx
+++ b/src/discussions/comments/CommentsView.jsx
@@ -70,16 +70,16 @@ function DiscussionCommentsView({
   const sortedComments = useMemo(() => [...filterPosts(comments, 'endorsed'),
     ...filterPosts(comments, 'unendorsed')], [comments]);
 
-  const responsesText = () => (
-    <div className="mx-4 text-primary-700" role="heading" aria-level="2" style={{ lineHeight: '28px' }}>
-      {endorsed === EndorsementStatus.ENDORSED
-        ? intl.formatMessage(messages.endorsedResponseCount, { num: sortedComments.length })
-        : intl.formatMessage(messages.responseCount, { num: sortedComments.length })}
-    </div>
-  );
   return (
     <>
-      {((hasMorePages && isLoading) || !isLoading) && responsesText()}
+      {((hasMorePages && isLoading) || !isLoading)
+      && (
+      <div className="mx-4 text-primary-700" role="heading" aria-level="2" style={{ lineHeight: '28px' }}>
+        {endorsed === EndorsementStatus.ENDORSED
+          ? intl.formatMessage(messages.endorsedResponseCount, { num: sortedComments.length })
+          : intl.formatMessage(messages.responseCount, { num: sortedComments.length })}
+      </div>
+      )}
 
       <div className="mx-4" role="list">
         {sortedComments.map(comment => (