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>
   );
 }