From 0098e9ffc7fb96df25ecdd7861d1d65803bc5ea9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20Qui=C3=B1ones?= <ricardo.quinones@wework.com>
Date: Tue, 6 Apr 2021 14:36:51 -0700
Subject: [PATCH] Fixes the hint rendering

---
 .../src/components/TextField/index.js         | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/core-react/src/components/TextField/index.js b/packages/core-react/src/components/TextField/index.js
index f7a5647d..58626933 100644
--- a/packages/core-react/src/components/TextField/index.js
+++ b/packages/core-react/src/components/TextField/index.js
@@ -110,18 +110,18 @@ export default function TextField({
               )}
             </div>
           </div>
+          <div
+            className={clsx(
+              'ray-form-item__hint',
+              { 'ray-form-item__hint': hint },
+              { 'ray-form-item__hint--success': hintSuccess },
+              { 'ray-form-item__hint--error': hintError }
+            )}
+          >
+            {hint || (hintSuccess || hintError)}
+          </div>
         </div>
       </div>
-      <div
-        className={clsx(
-          'ray-form-item__hint',
-          { 'ray-form-item__hint': hint },
-          { 'ray-form-item__hint--success': hintSuccess },
-          { 'ray-form-item__hint--error': hintError }
-        )}
-      >
-        {hint || (hintSuccess || hintError)}
-      </div>
     </div>
   );
 }