fix: break error text in transaction screen (#1438)

FuelLabs · Aug 29, 2024 · d5c61de · d5c61de
1 parent 32a2d53
commit d5c61de
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/real-tables-speak.md b/.changeset/real-tables-speak.md
@@ -0,0 +1,5 @@
+---
+"fuels-wallet": patch
+---
+
+Fix text of error not breaking line on transaction screen
diff --git a/packages/app/src/systems/Transaction/components/TxContent/TxContent.tsx b/packages/app/src/systems/Transaction/components/TxContent/TxContent.tsx
@@ -53,7 +53,14 @@ const ErrorHeader = ({ errors }: { errors?: GroupedErrors }) => {
     <Alert status="error" css={styles.alert} aria-label="Transaction Error">
       <Alert.Description as="div">
         {errorMessages.map((message) => (
-          <Box key={message}>{message}</Box>
+          <Box
+            key={message}
+            css={{
+              wordBreak: 'break-word',
+            }}
+          >
+            {message}
+          </Box>
         ))}
       </Alert.Description>
     </Alert>