diff --git a/packages/core-components/package.json b/packages/core-components/package.json
index 13d3785c4d..add79c01f5 100644
--- a/packages/core-components/package.json
+++ b/packages/core-components/package.json
@@ -73,6 +73,7 @@
     "d3-shape": "^3.0.0",
     "d3-zoom": "^3.0.0",
     "dagre": "^0.8.5",
+    "js-yaml": "^4.1.0",
     "linkify-react": "4.1.3",
     "linkifyjs": "4.1.3",
     "lodash": "^4.17.21",
diff --git a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.tsx b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.tsx
index 657f656949..55c8895dca 100644
--- a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.tsx
+++ b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.tsx
@@ -18,11 +18,7 @@ import React, { Fragment } from 'react';
 import startCase from 'lodash/startCase';
 import Typography from '@material-ui/core/Typography';
 
-import {
-  MetadataTable,
-  MetadataTableItem,
-} from './MetadataTable';
-import { JsonArray, JsonObject, JsonValue } from '@backstage/types';
+import { MetadataTable, MetadataTableItem } from './MetadataTable';
 import { CodeSnippet } from '../CodeSnippet';
 import jsyaml from 'js-yaml';
 
@@ -30,25 +26,24 @@ export type StructuredMetadataTableListClassKey = 'root';
 
 export type StructuredMetadataTableNestedListClassKey = 'root';
 
-function toValue(
-  value: object | Array<any> | boolean | string,
-) {
+function toValue(value: object | Array<any> | boolean | string) {
   if (React.isValidElement(value)) {
     return <Fragment>{value}</Fragment>;
   }
 
   if (value !== null && typeof value === 'object') {
-    return <CodeSnippet
-      language='yaml'
-      text={jsyaml.dump(value)}
-      // showLineNumbers={true}
-      customStyle={{
-        background: 'transparent',
-        lineHeight: '1.4',
-        padding: '0',
-        margin: 0,
-      }}
-    />
+    return (
+      <CodeSnippet
+        language="yaml"
+        text={jsyaml.dump(value)}
+        customStyle={{
+          background: 'transparent',
+          lineHeight: '1.4',
+          padding: '0',
+          margin: 0,
+        }}
+      />
+    );
   }
 
   if (typeof value === 'boolean') {
@@ -71,7 +66,7 @@ const TableItem = ({
   options,
 }: {
   title: string;
-  value: JsonObject | JsonArray | JsonValue;
+  value: any;
   options: Options;
 }) => {
   return (