diff --git a/invokeai/frontend/web/src/features/metadata/parsing.tsx b/invokeai/frontend/web/src/features/metadata/parsing.tsx
index 63103f9715..cb440b1848 100644
--- a/invokeai/frontend/web/src/features/metadata/parsing.tsx
+++ b/invokeai/frontend/web/src/features/metadata/parsing.tsx
@@ -101,7 +101,13 @@ const MetadataLabel = ({ i18nKey }: { i18nKey: string }) => {
 };
 
 const MetadataPrimitiveValue = ({ value }: { value: string | number | boolean | null | undefined }) => {
-  return <Text as="span">{value}</Text>;
+  if (value === null || value === undefined) {
+    return null;
+  }
+  if (isString(value)) {
+    return <Text as="span">{value || '<empty string>'}</Text>;
+  }
+  return <Text as="span">{String(value)}</Text>;
 };
 
 const getProperty = (obj: unknown, path: string): unknown => {