diff --git a/src/components/common/messaging/bars/TypingIndicator.tsx b/src/components/common/messaging/bars/TypingIndicator.tsx
index 816b7fc5533dc0135b96a5a81764c959ac2ccc18..260b56e366c320d507319044cefa6cee94d54ae2 100644
--- a/src/components/common/messaging/bars/TypingIndicator.tsx
+++ b/src/components/common/messaging/bars/TypingIndicator.tsx
@@ -81,15 +81,15 @@ export const TypingIndicator = observer(({ typing }: Props) => {
         if (users.length >= 5) {
             text = <Text id="app.main.channel.typing.several" />;
         } else if (users.length > 1) {
-            const userlist = [...users].map((x) => <Username user={x} />);
+            const userlist = [...users].map((x) => x.username);
             const user = userlist.pop();
 
             for (let i = 0; i < userlist.length - 1; i++) {
-                userlist.splice(i * 2 + 1, 0, <>, </>);
+                userlist.splice(i * 2 + 1, 0, ", ");
             }
 
             text = (
-                <TextReact
+                <Text
                     id="app.main.channel.typing.multiple"
                     fields={{
                         user,
@@ -99,7 +99,7 @@ export const TypingIndicator = observer(({ typing }: Props) => {
             );
         } else {
             text = (
-                <TextReact
+                <Text
                     id="app.main.channel.typing.single"
                     fields={{ user: <Username user={users[0]} /> }}
                 />