diff --git a/packages/html-reporter/src/metadataView.tsx b/packages/html-reporter/src/metadataView.tsx
index 8ddd0574d6..6775566e24 100644
--- a/packages/html-reporter/src/metadataView.tsx
+++ b/packages/html-reporter/src/metadataView.tsx
@@ -89,21 +89,17 @@ const InnerMetadataView = () => {
     </>}
     <div className='metadata-section metadata-properties'>
       {entries.map(([propertyName, value]) => {
-      const valueString = typeof value !== 'object' || value === null || value === undefined ? String(value) : JSON.stringify(value);
-      const trimmedValue = valueString.length > 1000 ? valueString.slice(0, 1000) + '\u2026' : valueString;
-        return (
-          <div className='copyable-property'>
-            <CopyToClipboardContainer key={propertyName} value={valueString}>
-              <span style={{ fontWeight: 'bold' }} title={propertyName}>{propertyName}</span>
-              : <span title={trimmedValue}>{linkifyText(trimmedValue)}</span>
-            </CopyToClipboardContainer>
-          </div>
-        );
-        return <div className='m-1 ml-5' style={{  }} key={propertyName}>
-          <span style={{ fontWeight: 'bold' }} title={propertyName}>{propertyName}</span>
-        {valueString && <CopyToClipboardContainer value={valueString}>: <span title={trimmedValue}>{linkifyText(trimmedValue)}</span></CopyToClipboardContainer>}
-      </div>;
-    })}
+        const valueString = typeof value !== 'object' || value === null || value === undefined ? String(value) : JSON.stringify(value);
+        const trimmedValue = valueString.length > 1000 ? valueString.slice(0, 1000) + '\u2026' : valueString;
+          return (
+            <div className='copyable-property'>
+              <CopyToClipboardContainer key={propertyName} value={valueString}>
+                <span style={{ fontWeight: 'bold' }} title={propertyName}>{propertyName}</span>
+                : <span title={trimmedValue}>{linkifyText(trimmedValue)}</span>
+              </CopyToClipboardContainer>
+            </div>
+          );
+      })}
     </div>
   </div>;
 };
diff --git a/tests/playwright-test/reporter-html.spec.ts b/tests/playwright-test/reporter-html.spec.ts
index acb54f3b31..2c7915a357 100644
--- a/tests/playwright-test/reporter-html.spec.ts
+++ b/tests/playwright-test/reporter-html.spec.ts
@@ -1238,7 +1238,7 @@ for (const useIntermediateMergeReport of [true, false] as const) {
         - link "Logs"
         - link "Pull Request"
         - link /^[a-f0-9]{7}$/
-        - text: 'foo: value1 bar: {"prop":"value2"} baz: ["value3",123]'
+        - text: 'foo : value1 bar : {"prop":"value2"} baz : ["value3",123]'
       `);
     });