From 21e5244807649c445c838b94608e054cff242c91 Mon Sep 17 00:00:00 2001
From: Paul Pan <i@0x7f.app>
Date: Fri, 15 Mar 2024 14:30:52 +0800
Subject: [PATCH] chore: adjust PasswordField order

---
 src/components/PasswordField.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/PasswordField.tsx b/src/components/PasswordField.tsx
index 9a83408..18df4fd 100644
--- a/src/components/PasswordField.tsx
+++ b/src/components/PasswordField.tsx
@@ -29,14 +29,6 @@ export const PasswordField = (
         <FormControl>
             <FormLabel htmlFor="password">Password</FormLabel>
             <InputGroup>
-                <InputRightElement>
-                    <IconButton
-                        variant="text"
-                        aria-label={isOpen ? "Mask password" : "Reveal password"}
-                        icon={isOpen ? <HiEyeOff /> : <HiEye />}
-                        onClick={onClickReveal}
-                    />
-                </InputRightElement>
                 <Input
                     id="password"
                     ref={inputRef}
@@ -46,6 +38,14 @@ export const PasswordField = (
                     required
                     {...props}
                 />
+                <InputRightElement>
+                    <IconButton
+                        variant="text"
+                        aria-label={isOpen ? "Mask password" : "Reveal password"}
+                        icon={isOpen ? <HiEyeOff /> : <HiEye />}
+                        onClick={onClickReveal}
+                    />
+                </InputRightElement>
             </InputGroup>
         </FormControl>
     );