diff --git a/packages/manager/.changeset/pr-10380-fixed-1713263110419.md b/packages/manager/.changeset/pr-10380-fixed-1713263110419.md new file mode 100644 index 00000000000..71d8b7a93b3 --- /dev/null +++ b/packages/manager/.changeset/pr-10380-fixed-1713263110419.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Chrome bug related to outdated CSS vendor prefixes ([#10380](https://github.com/linode/manager/pull/10380)) diff --git a/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx b/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx index 942a9f0794a..20a294d8303 100644 --- a/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx +++ b/packages/manager/src/components/CopyableTextField/CopyableTextField.tsx @@ -42,7 +42,7 @@ const StyledTextField = styled(TextField)(({ theme }) => ({ }, '.removeDisabledStyles': { '& .MuiInput-input': { - '-webkit-text-fill-color': 'unset !important', + WebkitTextFillColor: 'unset !important', borderColor: theme.name === 'light' ? '#ccc' : '#222', color: theme.name === 'light' diff --git a/packages/manager/src/foundations/themes/dark.ts b/packages/manager/src/foundations/themes/dark.ts index c17205f2ad7..aadb1219ee8 100644 --- a/packages/manager/src/foundations/themes/dark.ts +++ b/packages/manager/src/foundations/themes/dark.ts @@ -357,7 +357,7 @@ export const darkTheme: ThemeOptions = { focused: {}, input: { '&.Mui-disabled': { - '-webkit-text-fill-color': 'unset !important', + WebkitTextFillColor: 'unset !important', borderColor: '#606469', color: '#ccc !important', opacity: 0.5,