From d0e45577799e8d5428d0ad8e51b68bf8dedbd63d Mon Sep 17 00:00:00 2001
From: Saurin Patel <Saurinpatel222@gmail.com>
Date: Thu, 16 Jan 2025 16:48:26 -0500
Subject: [PATCH 1/2] Update styling on extra parameters

---
 .../tabs/app/src/containers/BackfillStatusContainer.tsx   | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx b/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
index 968b44395..c229c3375 100644
--- a/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
+++ b/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
@@ -284,11 +284,15 @@ class BackfillStatusContainer extends React.Component<
                   </tr>
                 )}
                 {Object.entries(status.parameters).map(
-                  ([name, value]: [string, string]) => (
+                  ([name, value]) => (
                     <tr>
                       <td>{name}</td>
                       <td>
-                        <code>{value}</code>
+                      <code style={{ 
+                          wordBreak: "break-word", 
+                          whiteSpace: "pre-wrap",
+                          display: "block"
+                        }}>{String(value)}</code>
                       </td>
                     </tr>
                   )

From 59ea704cc601afc982e9a1ac869a67f671fe9128 Mon Sep 17 00:00:00 2001
From: Saurin Patel <Saurinpatel222@gmail.com>
Date: Thu, 16 Jan 2025 16:54:12 -0500
Subject: [PATCH 2/2] quick fix

---
 service/web/tabs/app/src/containers/BackfillStatusContainer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx b/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
index c229c3375..1a6123e78 100644
--- a/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
+++ b/service/web/tabs/app/src/containers/BackfillStatusContainer.tsx
@@ -289,7 +289,7 @@ class BackfillStatusContainer extends React.Component<
                       <td>{name}</td>
                       <td>
                       <code style={{ 
-                          wordBreak: "break-word", 
+                          wordBreak: "break-all", 
                           whiteSpace: "pre-wrap",
                           display: "block"
                         }}>{String(value)}</code>