diff --git a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
index 3cc956f..fd9a907 100644
--- a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
@@ -719,17 +719,38 @@ const DetailApprovalTransaction = () => {
                                                             })
                                                             : ''}</td>
                                                         <td className="px-4 py-2 text-sm text-gray-500">
-                                                            {
-                                                                JSON.stringify(log.request_body ?? '', null, 2)
-                                                            }
-
+                                                            <pre style={{ fontFamily: 'monospace', whiteSpace: 'pre-wrap' }}>
+                                                                {(() => {
+                                                                    try {
+                                                                        if (log.response_code === null) {
+                                                                            return '';
+                                                                        }
+                                                                        const parsed = JSON.parse(log.request_body);
+                                                                        return JSON.stringify(parsed, null, 2);
+                                                                    } catch (e) {
+                                                                        return log.request_body; // fallback: tampilkan as-is jika gagal parse
+                                                                    }
+                                                                })()}
+                                                            </pre>
                                                         </td>
                                                         <td className="px-4 py-2 text-sm text-gray-500">
-                                                            {
-                                                                JSON.stringify(log.response_body ?? '', null, 2)
-                                                            }
+                                                            <pre style={{ fontFamily: 'monospace', whiteSpace: 'pre-wrap' }}>
+                                                                {(() => {
+                                                                    try {
+                                                                        if (log.request_body === null) {
+                                                                            return '';
+                                                                        }
+                                                                        const parsed = JSON.parse(log.request_body);
+                                                                        return JSON.stringify(parsed, null, 2) ?? '';
+                                                                    } catch (e) {
+                                                                        return log.response_body ?? ''; // fallback: tampilkan as-is jika gagal parse
+                                                                    }
+                                                                })()}
+                                                            </pre>
+
                                                         </td>
 
+
                                                         <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint || ''}</td>
                                                     </tr>
                                                 ))
@@ -856,17 +877,38 @@ const DetailApprovalTransaction = () => {
                                                                 })
                                                                 : ''}</td>
                                                             <td className="px-4 py-2 text-sm text-gray-500">
-                                                                {
-                                                                    JSON.stringify(log.request_body ?? '', null, 2)
-                                                                }
-
+                                                                <pre style={{ fontFamily: 'monospace', whiteSpace: 'pre-wrap' }}>
+                                                                    {(() => {
+                                                                        try {
+                                                                            if (log.response_code === null) {
+                                                                                return '';
+                                                                            }
+                                                                            const parsed = JSON.parse(log.request_body);
+                                                                            return JSON.stringify(parsed, null, 2);
+                                                                        } catch (e) {
+                                                                            return log.request_body; // fallback: tampilkan as-is jika gagal parse
+                                                                        }
+                                                                    })()}
+                                                                </pre>
                                                             </td>
                                                             <td className="px-4 py-2 text-sm text-gray-500">
-                                                                {
-                                                                    JSON.stringify(log.response_body ?? '', null, 2)
-                                                                }
+                                                                <pre style={{ fontFamily: 'monospace', whiteSpace: 'pre-wrap' }}>
+                                                                    {(() => {
+                                                                        try {
+                                                                            if (log.request_body === null) {
+                                                                                return '';
+                                                                            }
+                                                                            const parsed = JSON.parse(log.request_body);
+                                                                            return JSON.stringify(parsed, null, 2) ?? '';
+                                                                        } catch (e) {
+                                                                            return log.response_body ?? ''; // fallback: tampilkan as-is jika gagal parse
+                                                                        }
+                                                                    })()}
+                                                                </pre>
+
                                                             </td>
 
+
                                                             <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint ?? ''}</td>
                                                         </tr>
                                                     ))