diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
index 1fd7203..8b43e77 100644
--- a/src/components/Chat/MessageItem.tsx
+++ b/src/components/Chat/MessageItem.tsx
@@ -311,10 +311,12 @@ const onSeenFunc = useCallback(()=> {
           </Box>
           </>
         )}
-      
+        {htmlText && (
           <MessageDisplay
-            htmlContent={htmlText}
-          />
+          htmlContent={htmlText}
+        />
+        )}
+          
       
         {message?.decryptedData?.type === "notification" ? (
           <MessageDisplay htmlContent={message.decryptedData?.data?.message} />