diff --git a/chaoscenter/web/src/controllers/CustomStepLog/CustomStepLog.tsx b/chaoscenter/web/src/controllers/CustomStepLog/CustomStepLog.tsx
index 5cf94885ac6..5da75845fc3 100644
--- a/chaoscenter/web/src/controllers/CustomStepLog/CustomStepLog.tsx
+++ b/chaoscenter/web/src/controllers/CustomStepLog/CustomStepLog.tsx
@@ -63,7 +63,15 @@ export default function CustomStepLogController({
     <SimpleLogViewer
       loading={loading}
       data={
-        podLogs && podLogs?.getPodLog ? podLogs.getPodLog.log : error ? error.message : getString('logErrorMessage')
+        podLogs && podLogs?.getPodLog ? (() => {
+          try {
+              return Object.entries(JSON.parse(podLogs.getPodLog.log))
+                  .map(([key, value]) => `${key}: ${value}`)
+                  .join('\n');
+          } catch (e) {
+              return podLogs.getPodLog.log;
+          }
+      })() : error ? error.message : getString('logErrorMessage')
       }
     />
   );