From 8d83c8975ceefb1f73c90a6130d016bde13470f2 Mon Sep 17 00:00:00 2001
From: lukaw3d <lukajeran@oasislabs.com>
Date: Wed, 21 Jun 2023 01:53:31 +0200
Subject: [PATCH] Wrap all long values in description list

---
 .changelog/571.bugfix.md                           | 1 +
 src/app/components/StyledDescriptionList/index.tsx | 1 +
 src/app/pages/TransactionDetailPage/index.tsx      | 8 +-------
 3 files changed, 3 insertions(+), 7 deletions(-)
 create mode 100644 .changelog/571.bugfix.md

diff --git a/.changelog/571.bugfix.md b/.changelog/571.bugfix.md
new file mode 100644
index 000000000..b6b41ea90
--- /dev/null
+++ b/.changelog/571.bugfix.md
@@ -0,0 +1 @@
+Wrap all long values in detail pages
diff --git a/src/app/components/StyledDescriptionList/index.tsx b/src/app/components/StyledDescriptionList/index.tsx
index 821576bc2..60ba82af4 100644
--- a/src/app/components/StyledDescriptionList/index.tsx
+++ b/src/app/components/StyledDescriptionList/index.tsx
@@ -59,6 +59,7 @@ export const StyledDescriptionList = styled(InlineDescriptionList, {
   },
   dd: {
     color: COLORS.brandExtraDark,
+    overflowWrap: 'anywhere',
   },
   ...(standalone && {
     '&&': {
diff --git a/src/app/pages/TransactionDetailPage/index.tsx b/src/app/pages/TransactionDetailPage/index.tsx
index c95b650a9..b7f068b4d 100644
--- a/src/app/pages/TransactionDetailPage/index.tsx
+++ b/src/app/pages/TransactionDetailPage/index.tsx
@@ -387,13 +387,7 @@ export const TransactionDetailView: FC<{
                 <>
                   <dt>{t('transactions.encryption.resultNonce')}</dt>
                   <dd>
-                    <Typography
-                      variant="mono"
-                      sx={{
-                        fontWeight: 400,
-                        overflowWrap: 'anywhere',
-                      }}
-                    >
+                    <Typography variant="mono" sx={{ fontWeight: 400 }}>
                       {transaction.encryption_envelope.result_nonce}
                     </Typography>
                   </dd>