src/components/comment/CommentsPopup.tsx

@@ -296,23 +296,11 @@ export const CommentsPopup = () => {
               </div>
               {commentEvents.length > 0 && (
                 <>
-                  <h3
+                  <h3 className='IBMSMSMBSSCL_CommentNoteRepliesTitle'>
-                    className='IBMSMSMBSSCL_CommentNoteRepliesTitle'
-                    style={{
-                      display: 'flex',
-                      flexDirection: 'row',
-                      justifyContent: 'space-between'
-                    }}
-                  >
                     Replies
-                    <div
-                      style={{
-                        fontSize: '16px'
-                      }}
-                    >
                     <button
                       type='button'
-                        className='btnMain'
+                      className='btnMain IBMSMSMBSSCL_CommentNoteRepliesTitleBtn'
                       onClick={
                         discoveredCount ? handleDiscoveredClick : undefined
                       }
@@ -330,7 +318,6 @@ export const CommentsPopup = () => {
                         )}
                       </span>
                     </button>
-                    </div>
                   </h3>
                   <div className='pUMCB_RepliesToPrime'>
                     {commentEvents.map((reply) => (

src/styles/comments.css

@@ -479,6 +479,13 @@ hover {
   width: 100%;
   margin: 0 0 15px 0;
   color: rgba(255, 255, 255, 0.5);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.IBMSMSMBSSCL_CommentNoteRepliesTitleBtn {
+ font-size: 16px;
 }
 
 .IBMSMSMBSSCL_CAElementLoadWrapper {