diff --git a/src/features/chats/components/chat-message.tsx b/src/features/chats/components/chat-message.tsx
index 5d5c26190..f2ac365bd 100644
--- a/src/features/chats/components/chat-message.tsx
+++ b/src/features/chats/components/chat-message.tsx
@@ -105,7 +105,7 @@ const ChatMessage = (props: IChatMessage) => {
   };
 
   const maybeRenderMedia = (chatMessage: ChatMessageEntity) => {
-    if (!chatMessage.media_attachments.size) return null;
+    if (!chatMessage.media_attachments.length) return null;
 
     return (
       <MediaGallery
@@ -265,7 +265,7 @@ const ChatMessage = (props: IChatMessage) => {
             space={0.5}
             className={clsx({
               'max-w-[85%]': true,
-              'flex-1': !!chatMessage.media_attachments.size,
+              'flex-1': !!chatMessage.media_attachments.length,
               'order-3': isMyMessage,
               'order-1': !isMyMessage,
             })}
@@ -280,8 +280,8 @@ const ChatMessage = (props: IChatMessage) => {
                   className={
                     clsx({
                       'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
-                      'rounded-tr-sm': (!!chatMessage.media_attachments.size) && isMyMessage,
-                      'rounded-tl-sm': (!!chatMessage.media_attachments.size) && !isMyMessage,
+                      'rounded-tr-sm': (!!chatMessage.media_attachments.length) && isMyMessage,
+                      'rounded-tl-sm': (!!chatMessage.media_attachments.length) && !isMyMessage,
                       '[&_.mention]:text-primary-600 dark:[&_.mention]:text-accent-blue': !isMyMessage,
                       '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
                       'bg-primary-500 text-white': isMyMessage,