From 8cf6d3cfa4c48184519cb4cb009be2331f8d31bf Mon Sep 17 00:00:00 2001
From: suzaku <satorulogic@gmail.com>
Date: Mon, 18 Mar 2024 17:21:50 +0800
Subject: [PATCH] Make trace easier to read

Use `<pre>` instead of `<div>`
---
 .../src/components/Connect/Details/Tasks/Tasks.tsx              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/kafka-ui-react-app/src/components/Connect/Details/Tasks/Tasks.tsx b/kafka-ui-react-app/src/components/Connect/Details/Tasks/Tasks.tsx
index bb21e895380..8547f9d55a9 100644
--- a/kafka-ui-react-app/src/components/Connect/Details/Tasks/Tasks.tsx
+++ b/kafka-ui-react-app/src/components/Connect/Details/Tasks/Tasks.tsx
@@ -9,7 +9,7 @@ import Table, { TagCell } from 'components/common/NewTable';
 import ActionsCellTasks from './ActionsCellTasks';
 
 const ExpandedTaskRow: React.FC<{ row: Row<Task> }> = ({ row }) => {
-  return <div>{row.original.status.trace}</div>;
+  return <pre>{row.original.status.trace}</pre>;
 };
 
 const MAX_LENGTH = 100;