diff --git a/src/text-field.jsx b/src/text-field.jsx
index a09fb13ad46afc..6b7d4b5e2a62b5 100644
--- a/src/text-field.jsx
+++ b/src/text-field.jsx
@@ -100,8 +100,8 @@ let TextField = React.createClass({
         transition: Transitions.easeOut('200ms', 'height')
       },
       error: {
-        position: 'absolute',
-        bottom: -10,
+        position: 'relative',
+        bottom: 5,
         fontSize: 12,
         lineHeight: '12px',
         color: theme.errorColor,
@@ -109,10 +109,11 @@ let TextField = React.createClass({
       },
       hint: {
         position: 'absolute',
-        lineHeight: '48px',
+        lineHeight: '20px',
         opacity: 1,
         color: theme.hintColor,
-        transition: Transitions.easeOut()
+        transition: Transitions.easeOut(),
+        bottom: '10px'
       },
       input: {
         WebkitTapHighlightColor: 'rgba(0,0,0,0)',