From ec4c62a54ec00176eead01b46d1529fb8aabe4e7 Mon Sep 17 00:00:00 2001
From: Bethany Dunfield <bethany.dunfield@civicactions.com>
Date: Thu, 3 Aug 2023 11:39:12 -0600
Subject: [PATCH] modify to overflow-wrap: anywhere

---
 .../additional-information-table.scss                        | 5 +++++
 src/components/DatasetAdditionalInformation/index.jsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/DatasetAdditionalInformation/additional-information-table.scss b/src/components/DatasetAdditionalInformation/additional-information-table.scss
index 8c12073a..8eb8ec7a 100644
--- a/src/components/DatasetAdditionalInformation/additional-information-table.scss
+++ b/src/components/DatasetAdditionalInformation/additional-information-table.scss
@@ -7,3 +7,8 @@
 .dc-c-additional-info-table a {
   word-break: break-all;
 }
+
+.ds-u-word-break-anywhere {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
diff --git a/src/components/DatasetAdditionalInformation/index.jsx b/src/components/DatasetAdditionalInformation/index.jsx
index 0b8e9190..c8c6c58c 100644
--- a/src/components/DatasetAdditionalInformation/index.jsx
+++ b/src/components/DatasetAdditionalInformation/index.jsx
@@ -30,7 +30,7 @@ const DatasetAdditionalInformation = ({ datasetInfo, id, metadataMapping}) => {
           {rows.map((r) => (
             <TableRow key={`${r.label}_${id}`}>
               <TableCell>{r.label}</TableCell>
-              <TableCell className="ds-u-word-break">{r.value}</TableCell>
+              <TableCell className="ds-u-word-break-anywhere">{r.value}</TableCell>
             </TableRow>
           ))}
         </TableBody>