From 6694000cf5419c83b867004906d2c78fb56f9e91 Mon Sep 17 00:00:00 2001
From: Zadielerick <zadielerick@gmail.com>
Date: Mon, 29 Jun 2015 09:59:25 -0500
Subject: [PATCH] Took care of overflow and positioning

---
 src/text-field.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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)',