diff --git a/src/text-field.jsx b/src/text-field.jsx
index 6f8f2ea1742adf..dc1660c7103a4c 100644
--- a/src/text-field.jsx
+++ b/src/text-field.jsx
@@ -160,6 +160,7 @@ const TextField = React.createClass({
         height: (props.rows - 1) * 24 + (props.floatingLabelText ? 72 : 48),
         display: 'inline-block',
         position: 'relative',
+        backgroundColor: backgroundColor,
         fontFamily: this.state.muiTheme.rawTheme.fontFamily,
         transition: Transitions.easeOut('200ms', 'height'),
       },
@@ -187,7 +188,7 @@ const TextField = React.createClass({
         height: '100%',
         border: 'none',
         outline: 'none',
-        backgroundColor: backgroundColor,
+        backgroundColor: 'transparent',
         color: props.disabled ? disabledTextColor : textColor,
         font: 'inherit',
       },