diff --git a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.test.tsx b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.test.tsx
index 25c5d0687c..8e6c4bbff0 100644
--- a/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.test.tsx
+++ b/packages/core-components/src/components/StructuredMetadataTable/StructuredMetadataTable.test.tsx
@@ -124,14 +124,19 @@ describe('<StructuredMetadataTable />', () => {
     };
 
     it('should make keys human readable', async () => {
-      const rendered = render(<StructuredMetadataTable metadata={metadata} />);
+      const rendered = render(
+        <StructuredMetadataTable
+          metadata={metadata}
+          options={{ nestedValuesAsYaml: true }}
+        />,
+      );
       expect(rendered.queryByText(/^Test A/)).toBeInTheDocument();
       expect(rendered.queryByText(/^Test B/)).toBeInTheDocument();
       expect(rendered.queryByText(/^Test D/)).toBeInTheDocument();
 
       // nested content is displayed as yaml, so not affected by formatting
       expect(rendered.queryByText(/^testC/)).toBeInTheDocument();
-      expect(rendered.queryByText(/^testE/)).toBeInTheDocument();
+      expect(rendered.queryByText(/testE: stuff/)).toBeInTheDocument();
     });
 
     it('should be possible to disable it', async () => {
@@ -163,7 +168,7 @@ describe('<StructuredMetadataTable />', () => {
       const rendered = render(
         <StructuredMetadataTable
           metadata={metadata}
-          options={{ titleFormat: spongeBobCase }}
+          options={{ titleFormat: spongeBobCase, nestedValuesAsYaml: true }}
         />,
       );
       expect(rendered.queryByText(/^tEsTa/)).toBeInTheDocument();
diff --git a/plugins/kubernetes/dev/index.tsx b/plugins/kubernetes/dev/index.tsx
index a33d3beee9..91b97cbfc5 100644
--- a/plugins/kubernetes/dev/index.tsx
+++ b/plugins/kubernetes/dev/index.tsx
@@ -37,6 +37,7 @@ import fixture5 from '../src/__fixtures__/1-rollouts.json';
 import fixture6 from '../src/__fixtures__/3-ingresses.json';
 import fixture7 from '../src/__fixtures__/2-statefulsets.json';
 import { TestApiProvider } from '@backstage/test-utils';
+import { StructuredMetadataTable } from '@backstage/core-components';
 
 const mockEntity: Entity = {
   apiVersion: 'backstage.io/v1alpha1',
@@ -136,6 +137,12 @@ class MockKubernetesClient implements KubernetesApi {
   }
 }
 
+const metadata = {
+  testA: 'stuff',
+  testB: { testC: 'stuff' },
+  testD: [{ testE: 'stuff' }],
+};
+
 createDevApp()
   .addPage({
     path: '/fixture-1',
@@ -223,6 +230,10 @@ createDevApp()
         apis={[[kubernetesApiRef, new MockKubernetesClient(fixture7)]]}
       >
         <EntityProvider entity={mockEntity}>
+          <StructuredMetadataTable
+            metadata={metadata}
+            options={{ nestedValuesAsYaml: true }}
+          />
           <EntityKubernetesContent />
         </EntityProvider>
       </TestApiProvider>