From 3479780bf903474c855ed1acd06eba7ba51c7d72 Mon Sep 17 00:00:00 2001
From: heisenberg <heisenberg-2077@outlook.com>
Date: Thu, 26 Dec 2024 21:21:55 +0900
Subject: [PATCH] fix: unlock ui

---
 src/ui/views/Unlock/index.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/ui/views/Unlock/index.tsx b/src/ui/views/Unlock/index.tsx
index 80c2ab942a5..2e9f30909dc 100644
--- a/src/ui/views/Unlock/index.tsx
+++ b/src/ui/views/Unlock/index.tsx
@@ -12,6 +12,18 @@ import {
 import { ReactComponent as RabbySVG } from '@/ui/assets/unlock/rabby.svg';
 import { ReactComponent as BackgroundSVG } from '@/ui/assets/unlock/background.svg';
 import clsx from 'clsx';
+import styled from 'styled-components';
+
+const InputFormStyled = styled(Form.Item)`
+  .ant-form-item-explain {
+    font-size: 13px;
+    line-height: 16px;
+    margin-top: 12px;
+    margin-bottom: 24px;
+    min-height: 0px;
+    color: var(--r-red-default);
+  }
+`;
 
 const Unlock = () => {
   const wallet = useWallet();
@@ -86,7 +98,7 @@ const Unlock = () => {
         </p>
       </div>
       <Form autoComplete="off" form={form} onFinish={handleSubmit}>
-        <Form.Item
+        <InputFormStyled
           className="mt-[34px] mx-20"
           name="password"
           rules={[
@@ -109,7 +121,7 @@ const Unlock = () => {
             ref={inputEl}
             spellCheck={false}
           />
-        </Form.Item>
+        </InputFormStyled>
         <Form.Item className="mx-20">
           <Button
             block