diff --git a/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx b/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
index 2fb17ff87..a018ece68 100644
--- a/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
+++ b/web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
@@ -6,7 +6,7 @@ import styles from './ChatJoinMessage.module.scss';
 
 // Lazy loaded components
 
-const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), {
+const UsergroupAddOutlined = dynamic(() => import('@ant-design/icons/UsergroupAddOutlined'), {
   ssr: false,
 });
 
@@ -27,7 +27,7 @@ export const ChatJoinMessage: FC<ChatJoinMessageProps> = ({
     <div className={styles.root}>
       <span style={{ color }}>
         <span className={styles.icon}>
-          <TeamOutlined />
+          <UsergroupAddOutlined />
         </span>
         <span className={styles.user}>{displayName}</span>
         {isAuthorModerator && (
diff --git a/web/components/chat/ChatPartMessage/ChatPartMessage.tsx b/web/components/chat/ChatPartMessage/ChatPartMessage.tsx
index 17b47d718..3d9354fb9 100644
--- a/web/components/chat/ChatPartMessage/ChatPartMessage.tsx
+++ b/web/components/chat/ChatPartMessage/ChatPartMessage.tsx
@@ -6,7 +6,7 @@ import styles from './ChatPartMessage.module.scss';
 
 // Lazy loaded components
 
-const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), {
+const UsergroupDeleteOutlined = dynamic(() => import('@ant-design/icons/UsergroupDeleteOutlined'), {
   ssr: false,
 });
 
@@ -27,7 +27,7 @@ export const ChatPartMessage: FC<ChatPartMessageProps> = ({
     <div className={styles.root}>
       <span style={{ color }}>
         <span className={styles.icon}>
-          <TeamOutlined />
+          <UsergroupDeleteOutlined />
         </span>
         <span className={styles.user}>{displayName}</span>
         {isAuthorModerator && (