diff --git a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
index 5aebd0fc09..bd53c46fb6 100644
--- a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentDiffTable.tsx
@@ -40,7 +40,9 @@ export const PlaygroundEnvironmentDiffTable = ({
     const contextFieldsHeaders = Object.keys(firstContext).map(
         contextField => ({
             Header: capitalizeFirst(contextField),
-            accessor: `${environments[0]}.context.${contextField}`,
+            accessor: (
+                row: Record<string, { context: Record<string, unknown> }>
+            ) => row[environments[0]]['context'][contextField],
             minWidth: 160,
             Cell: HighlightCell,
         })
diff --git a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
index 50c2dacd24..b508ad17a4 100644
--- a/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundEnvironmentTable/PlaygroundEnvironmentTable.tsx
@@ -33,7 +33,8 @@ export const PlaygroundEnvironmentTable = ({
     const dynamicHeaders = Object.keys(features[0].context).map(
         contextField => ({
             Header: capitalizeFirst(contextField),
-            accessor: `context.${contextField}`,
+            accessor: (row: { context: Record<string, unknown> }) =>
+                row['context'][contextField],
             minWidth: 160,
             Cell: HighlightCell,
         })