diff --git a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
index 243416fc888..0550ad5b498 100644
--- a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -136,7 +136,7 @@ export const NormalMessage: React.FC<ChatMessageItemProps> = React.memo(
             {showAvatar && (
               <div className="flex items-center">
                 <div className="font-bold">
-                  {userInfo.nickname ?? <span>&nbsp;</span>}
+                  {userInfo.nickname || <span>&nbsp;</span>}
                 </div>
                 <div className="hidden group-hover:block opacity-40 ml-1 text-sm">
                   {formatShortTime(payload.createdAt)}