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

2023-05-31 14:49:42 -07:00
parent 59ee7fd199
commit 924223328c
5 changed files with 13 additions and 4 deletions
--- a/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
+++ b/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
@@ -31,11 +31,11 @@ export const ChatJoinMessage: FC<ChatJoinMessageProps> = ({
        </span>
        <span className={styles.user}>{displayName}</span>
        {isAuthorModerator && (
-          <span>
+          <span className={styles.moderatorBadge}>
            <ModerationBadge userColor={userColor} />
          </span>
        )}
-      </span>{' '}
+      </span>
      joined the chat.
    </div>
  );