Skip to content

Commit f1692a2

Browse files
fix: Billing Contact UI Regression from by MUI Update (#9667)
* fix billing contact mui grid * Added changeset: Billing Contact UI Regression caused by MUI Update --------- Co-authored-by: Banks Nussman <banks@nussman.us>
1 parent e5ec3e3 commit f1692a2

File tree

2 files changed

+10
-7
lines changed

2 files changed

+10
-7
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@linode/manager": Fixed
3+
---
4+
5+
Billing Contact UI Regression caused by MUI Update ([#9667](https://github.com/linode/manager/pull/9667))

packages/manager/src/features/Billing/BillingPanels/ContactInfoPanel/ContactInformation.tsx

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import { Box } from 'src/components/Box';
21
import Grid from '@mui/material/Unstable_Grid2';
32
import { styled } from '@mui/material/styles';
43
import countryData from 'country-region-data';
@@ -104,7 +103,7 @@ const ContactInformation = (props: Props) => {
104103
(_country) => _country.countryShortCode === country
105104
)?.countryName;
106105

107-
const sxBox = {
106+
const sxGrid = {
108107
flex: 1,
109108
maxWidth: '100%',
110109
position: 'relative',
@@ -140,7 +139,7 @@ const ContactInformation = (props: Props) => {
140139
state ||
141140
zip ||
142141
country) && (
143-
<Box sx={sxBox}>
142+
<Grid sx={sxGrid}>
144143
{(firstName || lastName) && (
145144
<StyledTypography
146145
data-qa-contact-name
@@ -170,10 +169,9 @@ const ContactInformation = (props: Props) => {
170169
{city && state && ','} {state} {zip}
171170
</StyledTypography>
172171
<StyledTypography>{countryName}</StyledTypography>
173-
</Box>
172+
</Grid>
174173
)}
175-
176-
<Box sx={sxBox}>
174+
<Grid sx={sxGrid}>
177175
<StyledTypography
178176
data-qa-contact-email
179177
sx={{ wordBreak: 'break-all' }}
@@ -188,7 +186,7 @@ const ContactInformation = (props: Props) => {
188186
<strong>Tax ID</strong> {taxId}
189187
</StyledTypography>
190188
)}
191-
</Box>
189+
</Grid>
192190
</Grid>
193191
</BillingPaper>
194192
<BillingContactDrawer

0 commit comments

Comments
 (0)