diff --git a/docs/src/pages/demos/text-fields/TextFields.js b/docs/src/pages/demos/text-fields/TextFields.js
index e02ab33b269efd..d142b88b99f4c8 100644
--- a/docs/src/pages/demos/text-fields/TextFields.js
+++ b/docs/src/pages/demos/text-fields/TextFields.js
@@ -73,6 +73,17 @@ class TextFields extends Component {
autoComplete="current-password"
margin="normal"
/>
+
-
+
+
diff --git a/src/Input/Input.js b/src/Input/Input.js
index d55e28cec1f040..55a1e91f38bf1b 100644
--- a/src/Input/Input.js
+++ b/src/Input/Input.js
@@ -114,7 +114,8 @@ export const styles = (theme: Object) => {
// Remove the padding when type=search.
appearance: 'none',
},
- 'label + $formControl > &': {
+ // Show and hide the placeholder logic
+ 'label + $formControl &': {
'&::-webkit-input-placeholder': placeholderForm,
'&::-moz-placeholder': placeholderForm, // Firefox 19+
'&:-ms-input-placeholder': placeholderForm, // IE 11
@@ -162,7 +163,7 @@ export const styles = (theme: Object) => {
},
},
multiline: {
- padding: `${theme.spacing.unit - 2}px 0 ${theme.spacing.unit + 1}px`,
+ padding: `${theme.spacing.unit - 2}px 0 ${theme.spacing.unit - 1}px`,
},
inputDisabled: {
opacity: 1, // Reset iOS opacity