diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Metadata/ModelMetadata.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Metadata/ModelMetadata.tsx
index 2c6294a987..5f94ac4d0a 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Metadata/ModelMetadata.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Metadata/ModelMetadata.tsx
@@ -21,6 +21,13 @@ export const ModelMetadata = () => {
     return MODEL_TYPE_TRIGGER_PHRASE.includes(data.type);
   }, [data]);
 
+  const apiResponseFormatted = useMemo(() => {
+    if (!data?.source_api_response) {
+      return {};
+    }
+    return JSON.parse(data.source_api_response);
+  }, [data?.source_api_response]);
+
   return (
     <Flex flexDir="column" height="full" gap="3">
       {shouldShowTriggerPhraseSettings && (
@@ -28,7 +35,7 @@ export const ModelMetadata = () => {
           <TriggerPhrases />
         </Box>
       )}
-      <DataViewer label="metadata" data={data?.source_api_response || {}} />
+      <DataViewer label="metadata" data={apiResponseFormatted} />
     </Flex>
   );
 };