From 39ba6bc95351fc9e8c626a346bc5f2d6a6dc5a1d Mon Sep 17 00:00:00 2001
From: Banks Nussman <banks@nussman.us>
Date: Tue, 12 Sep 2023 23:26:28 -0400
Subject: [PATCH 1/2] fix billing contact mui grid

---
 .../ContactInfoPanel/ContactInformation.tsx          | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
index aaf755c2688..70231af22ce 100644
--- a/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
+++ b/packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx
@@ -1,4 +1,3 @@
-import { Box } from 'src/components/Box';
 import Grid from '@mui/material/Unstable_Grid2';
 import { styled } from '@mui/material/styles';
 import countryData from 'country-region-data';
@@ -104,7 +103,7 @@ const ContactInformation = (props: Props) => {
     (_country) => _country.countryShortCode === country
   )?.countryName;
 
-  const sxBox = {
+  const sxGrid = {
     flex: 1,
     maxWidth: '100%',
     position: 'relative',
@@ -140,7 +139,7 @@ const ContactInformation = (props: Props) => {
             state ||
             zip ||
             country) && (
-            <Box sx={sxBox}>
+            <Grid sx={sxGrid}>
               {(firstName || lastName) && (
                 <StyledTypography
                   data-qa-contact-name
@@ -170,10 +169,9 @@ const ContactInformation = (props: Props) => {
                 {city && state && ','} {state} {zip}
               </StyledTypography>
               <StyledTypography>{countryName}</StyledTypography>
-            </Box>
+            </Grid>
           )}
-
-          <Box sx={sxBox}>
+          <Grid sx={sxGrid}>
             <StyledTypography
               data-qa-contact-email
               sx={{ wordBreak: 'break-all' }}
@@ -188,7 +186,7 @@ const ContactInformation = (props: Props) => {
                 <strong>Tax ID</strong> {taxId}
               </StyledTypography>
             )}
-          </Box>
+          </Grid>
         </Grid>
       </BillingPaper>
       <BillingContactDrawer

From f7e96d00b9f3978347b0cf7a78eae832aa79abd4 Mon Sep 17 00:00:00 2001
From: Banks Nussman <banks@nussman.us>
Date: Tue, 12 Sep 2023 23:34:23 -0400
Subject: [PATCH 2/2] Added changeset: Billing Contact UI Regression caused by
 MUI Update

---
 packages/manager/.changeset/pr-9667-fixed-1694576063628.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 packages/manager/.changeset/pr-9667-fixed-1694576063628.md

diff --git a/packages/manager/.changeset/pr-9667-fixed-1694576063628.md b/packages/manager/.changeset/pr-9667-fixed-1694576063628.md
new file mode 100644
index 00000000000..59e2af0231b
--- /dev/null
+++ b/packages/manager/.changeset/pr-9667-fixed-1694576063628.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Billing Contact UI Regression caused by MUI Update ([#9667](https://github.com/linode/manager/pull/9667))