fix: [M3-8796] - Disallow word-break in billing contact info (linode#…

…11379) * fix: [M3-8796] - Disallow word-break in billing contact info * Added changeset: Disallow word-break in billing contact info
hasyed-akamai · Dec 10, 2024 · 57b884e · 57b884e
1 parent 906e061
commit 57b884e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/manager/.changeset/pr-11379-fixed-1733476117431.md b/packages/manager/.changeset/pr-11379-fixed-1733476117431.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Disallow word-break in billing contact info ([#11379](https://github.com/linode/manager/pull/11379))
diff --git a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
@@ -216,15 +216,15 @@ export const ContactInformation = React.memo((props: Props) => {
                 {(firstName || lastName) && (
                   <StyledTypography
                     data-qa-contact-name
-                    sx={{ wordBreak: 'break-all' }}
+                    sx={{ wordBreak: 'keep-all' }}
                   >
                     {firstName} {lastName}
                   </StyledTypography>
                 )}
                 {company && (
                   <StyledTypography
                     data-qa-company
-                    sx={{ wordBreak: 'break-all' }}
+                    sx={{ wordBreak: 'keep-all' }}
                   >
                     {company}
                   </StyledTypography>