fix: add spacing between user badges. Closes #3247

2023-08-17 19:28:21 -07:00
parent 78cda4b8db
commit 364afd0e71
4 changed files with 16 additions and 6 deletions
--- a/web/components/chat/ChatUserBadge/ChatUserBadge.tsx
+++ b/web/components/chat/ChatUserBadge/ChatUserBadge.tsx
@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import cn from 'classnames';
 import styles from './ChatUserBadge.module.scss';

 export type ChatUserBadgeProps = {
@@ -12,7 +13,7 @@ export const ChatUserBadge: FC<ChatUserBadgeProps> = ({ badge, userColor, title
  const style = { color };

  return (
-    <span style={style} className={styles.badge} title={title}>
+    <span style={style} className={cn([styles.badge, 'chat-user-badge'])} title={title}>
      {badge}
    </span>
  );