From 3608381fee2fbc2e5a983f3917d0350e6a623cc2 Mon Sep 17 00:00:00 2001
From: Ostap Piatkovskyi <44294945+ost-ptk@users.noreply.github.com>
Date: Mon, 9 Dec 2024 23:34:13 +0200
Subject: [PATCH] Handle text overflow in deploy-value component (#1101)

---
 .../pages/sign-deploy/deploy-value.tsx             | 14 ++++++++++++--
 .../pages/sign-deploy/sign-deploy-content.tsx      |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx b/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx
index 2a3c51b73..372209935 100644
--- a/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx
+++ b/src/apps/signature-request/pages/sign-deploy/deploy-value.tsx
@@ -59,7 +59,12 @@ export function DeployValue({
       return <Typography type="body">{formatDate(value)}</Typography>;
     }
 
-    return <Typography type="body">{value}</Typography>;
+    return (
+      // Temporary solution. We will change it when we have the new design
+      <Typography type="body" style={{ overflowWrap: 'anywhere' }}>
+        {value}
+      </Typography>
+    );
   } else {
     // cl value args
     const { parsedValue } = getDeployParsedValue(value);
@@ -96,6 +101,11 @@ export function DeployValue({
       );
     }
 
-    return <Typography type="body">{parsedValue}</Typography>;
+    return (
+      // Temporary solution. We will change it when we have the new design
+      <Typography type="body" style={{ overflowWrap: 'anywhere' }}>
+        {parsedValue}
+      </Typography>
+    );
   }
 }
diff --git a/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx b/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx
index af94e0a89..41b048530 100644
--- a/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx
+++ b/src/apps/signature-request/pages/sign-deploy/sign-deploy-content.tsx
@@ -183,7 +183,7 @@ export function SignDeployContent({
                   }
 
                   return (
-                    <AccordionItem key={key}>
+                    <AccordionItem key={key} gap={SpacingSize.Small}>
                       <Typography type="body" color="contentSecondary">
                         {label}
                       </Typography>