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