fix(chat): tweak layouts of chat user badges. Closes #3009

web/components/chat/ChatUserMessage/ChatUserMessage.module.scss

@@ -19,6 +19,10 @@ $p-v-size: 2px;
     font-weight: 600;
   }
 
+  .userBadges {
+    margin-left: 3px;
+  }
+
   .message {
     overflow: hidden;
     overflow-wrap: anywhere;

web/components/chat/ChatUserMessage/ChatUserMessage.tsx

@@ -101,7 +101,7 @@ export const ChatUserMessage: FC<ChatUserMessageProps> = ({
           <UserTooltip user={user}>
             <div className={styles.user} style={{ color }}>
               <span className={styles.userName}>{displayName}</span>
-              {badgeNodes}
+              <span className={styles.userBadges}>{badgeNodes}</span>
             </div>
           </UserTooltip>
         )}