diff --git a/frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx b/frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx
index d1237ba0d..ad35399a9 100644
--- a/frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx
+++ b/frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx
@@ -59,7 +59,9 @@ const MessageContent: React.FC<MessageContentProps> = ({
   };
 
   const contentType =
-    messageContent && messageContent.trim().startsWith('{')
+    messageContent &&
+    (messageContent.trim().startsWith('{') ||
+      messageContent.trim().startsWith('['))
       ? SchemaType.JSON
       : SchemaType.PROTOBUF;