From 57b884e3d0e6326f67a4ccbf7841b94e60d26071 Mon Sep 17 00:00:00 2001
From: hasyed-akamai <hasyed@akamai.com>
Date: Tue, 10 Dec 2024 11:06:38 +0530
Subject: [PATCH] fix: [M3-8796] - Disallow word-break in billing contact info
 (#11379)

* fix: [M3-8796] - Disallow word-break in billing contact info

* Added changeset: Disallow word-break in billing contact info
---
 packages/manager/.changeset/pr-11379-fixed-1733476117431.md  | 5 +++++
 .../BillingPanels/ContactInfoPanel/ContactInformation.tsx    | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-11379-fixed-1733476117431.md

diff --git a/packages/manager/.changeset/pr-11379-fixed-1733476117431.md b/packages/manager/.changeset/pr-11379-fixed-1733476117431.md
new file mode 100644
index 00000000000..315aec9540b
--- /dev/null
+++ 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
index a6ffc59c1e6..644c5ccff93 100644
--- a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
+++ b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
@@ -216,7 +216,7 @@ 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>
@@ -224,7 +224,7 @@ export const ContactInformation = React.memo((props: Props) => {
                 {company && (
                   <StyledTypography
                     data-qa-company
-                    sx={{ wordBreak: 'break-all' }}
+                    sx={{ wordBreak: 'keep-all' }}
                   >
                     {company}
                   </StyledTypography>