Autocomplete styling and endAdornment styling fixes

mui · Feb 15, 2021 · 7137c95 · 7137c95
1 parent 65797c9
commit 7137c95
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/packages/material-ui/src/Autocomplete/Autocomplete.js b/packages/material-ui/src/Autocomplete/Autocomplete.js
@@ -159,25 +159,28 @@ const AutocompleteRoot = experimentalStyled(
         padding: '2px 4px 3px 0',
       },
     },
-    '&[class*="MuiOutlinedInput-root"]': {
+    '&.MuiOutlinedInput-root': {
       padding: 9,
       [`.${autocompleteClasses.hasPopupIcon}&, .${autocompleteClasses.hasClearIcon}&`]: {
         paddingRight: 26 + 4 + 9,
       },
       [`.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}&`]: {
         paddingRight: 52 + 4 + 9,
       },
-      [`& .${autocompleteClasses.input}`]: {
-        padding: '7.5px 4px 7.5px 6px',
+      '& .MuiOutlinedInput-input': {
+        padding: '7.5px 4px',
       },
-      [`& .${autocompleteClasses.endAdornment}`]: {
+      '& .MuiOutlinedInput-input:first-child': {
+        paddingLeft: 6,
+      },
+      '& $endAdornment': {
         right: 9,
       },
     },
-    '&[class*="MuiOutlinedInput-root"][class*="MuiOutlinedInput-sizeSmall"]': {
+    '&.MuiOutlinedInput-root.MuiInputBase-sizeSmall': {
       padding: 6,
-      [`& .${autocompleteClasses.input}`]: {
-        padding: '2.5px 4px 2.5px 6px',
+      '& .MuiOutlinedInput-input': {
+        padding: '2.5px 4px',
       },
     },
     '&.MuiFilledInput-root': {

diff --git a/packages/material-ui/src/OutlinedInput/OutlinedInput.js b/packages/material-ui/src/OutlinedInput/OutlinedInput.js
@@ -80,7 +80,7 @@ const OutlinedInputRoot = experimentalStyled(
     ...(styleProps.startAdornment && {
       paddingLeft: 14,
     }),
-    ...(styleProps.startAdornment && {
+    ...(styleProps.endAdornment && {
       paddingRight: 14,
     }),
     ...(styleProps.multiline && {