Fix claim input error message position (#2368)

gnosis · Feb 3, 2022 · 0a2e75a · 0a2e75a
1 parent 886cdf4
commit 0a2e75a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/custom/pages/Claim/ClaimAddress.tsx b/src/custom/pages/Claim/ClaimAddress.tsx
@@ -54,19 +54,19 @@ export default function ClaimAddress({ account, toggleWalletModal }: ClaimAddres
         <input placeholder="Address or ENS name" value={inputAddress} onChange={handleInputChange} />
       </InputField>
 
-      {!account && (
-        <ButtonSecondary onClick={toggleWalletModal}>
-          <Trans>{buttonLabel}</Trans>
-        </ButtonSecondary>
-      )}
-
       {showInputError && (
         <InputErrorText>
           <TYPE.error error={true}>
             <Trans>Enter valid address or ENS</Trans>
           </TYPE.error>
         </InputErrorText>
       )}
+
+      {!account && (
+        <ButtonSecondary onClick={toggleWalletModal}>
+          <Trans>{buttonLabel}</Trans>
+        </ButtonSecondary>
+      )}
     </CheckAddress>
   )
 }
diff --git a/src/custom/pages/Claim/styled.ts b/src/custom/pages/Claim/styled.ts
@@ -866,7 +866,8 @@ export const InputError = styled.div`
 `
 
 export const InputErrorText = styled.div`
-  margin: 0 0 24px;
+  margin: 0 0 15px;
+  text-align: center;
 `
 
 export const InputFieldTitle = styled.div`