[Select] Incorrect auto-sizing of Native select.

[yakovlev-a]

• The issue is present since 4.7.1 release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Steps to Reproduce 🕹

Open https://codesandbox.io/s/material-demo-ooctx
Change row 219 in demo.js to:
<option value={30}>Thirty Thirty Thirty</option>
Select this option on https://ooctx.csb.app/
See incorrect auto-sizing of element:

Your Environment 🌎

Tech	Version
Material-UI	v4.7.1+
React	Latest
Browser	Latest Firefox, Latest Chrome

[oliviertassinari]

@yakovlev-a Thank you for the report, it's a regression from #18520.

What do you think this patch? Do you want to submit a pull request? :)

diff --git a/packages/material-ui/src/NativeSelect/NativeSelect.js b/packages/material-ui/src/NativeSelect/NativeSelect.js
index 9da6ff1ae..ce3274d84 100644
--- a/packages/material-ui/src/NativeSelect/NativeSelect.js
+++ b/packages/material-ui/src/NativeSelect/NativeSelect.js
@@ -39,12 +39,22 @@ export const styles = theme => ({
     '&:not([multiple]) option, &:not([multiple]) optgroup': {
       backgroundColor: theme.palette.background.paper,
     },
+    '&&': {
+      paddingRight: 24,
+    },
   },
   /* Styles applied to the select component if `variant="filled"`. */
-  filled: {},
+  filled: {
+    '&&': {
+      paddingRight: 32,
+    },
+  },
   /* Styles applied to the select component if `variant="outlined"`. */
   outlined: {
     borderRadius: theme.shape.borderRadius,
+    '&&': {
+      paddingRight: 32,
+    },
   },
   /* Styles applied to the select component `selectMenu` class. */
   selectMenu: {
@@ -52,9 +62,6 @@ export const styles = theme => ({
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
     overflow: 'hidden',
-    '&&': {
-      paddingRight: 24,
-    },
   },
   /* Pseudo-class applied to the select component `disabled` class. */
   disabled: {},

[yakovlev-a]

I like this variant. Looks better than version 4.7.0.
I trust you to make a pull request :)

[oliviertassinari]

Thanks for the feedback. I have added the good first issue label. Let's wait for a new contributor to pick it up :).