diff --git a/packages/material-ui/src/OutlinedInput/NotchedOutline.js b/packages/material-ui/src/OutlinedInput/NotchedOutline.js
index c4e0f9af493905..93788512eb8b38 100644
--- a/packages/material-ui/src/OutlinedInput/NotchedOutline.js
+++ b/packages/material-ui/src/OutlinedInput/NotchedOutline.js
@@ -46,9 +46,10 @@ export const styles = theme => {
         duration: 50,
         easing: theme.transitions.easing.easeOut,
       }),
-      '& span': {
+      '& > span': {
         paddingLeft: 5,
         paddingRight: 5,
+        display: 'inline-block',
       },
     },
     /* Styles applied to the legend element is notched. */