From 26b5c165e36a008355fff21955f03107e5199ca3 Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Sun, 17 May 2026 16:23:45 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=9F=E4=B8=80=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 .../src/components/AppAccountForm/login.vue               | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 .../src/components/AppAccountForm/login.vue               | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 .../src/components/AppAccountForm/login.vue               | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 .../core-naive-ui/src/components/AppAccountForm/login.vue | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 apps/core-tdesign/src/components/AppAccountForm/login.vue | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 .../core-vexip-ui/src/components/AppAccountForm/login.vue | 4 ++--
 .../src/components/AppAccountForm/register.vue            | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 apps/core/src/components/AppAccountForm/edit-password.vue | 6 +++---
 apps/core/src/components/AppAccountForm/login.vue         | 4 ++--
 apps/core/src/components/AppAccountForm/register.vue      | 8 ++++----
 .../core/src/components/AppAccountForm/reset-password.vue | 6 +++---
 .../src/components/AppAccountForm/edit-password.vue       | 6 +++---
 apps/example/src/components/AppAccountForm/login.vue      | 4 ++--
 apps/example/src/components/AppAccountForm/register.vue   | 8 ++++----
 .../src/components/AppAccountForm/reset-password.vue      | 6 +++---
 32 files changed, 96 insertions(+), 96 deletions(-)

diff --git a/apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue b/apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-ant-design-vue/src/components/AppAccountForm/login.vue b/apps/core-ant-design-vue/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-ant-design-vue/src/components/AppAccountForm/login.vue
+++ b/apps/core-ant-design-vue/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-ant-design-vue/src/components/AppAccountForm/register.vue b/apps/core-ant-design-vue/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-ant-design-vue/src/components/AppAccountForm/register.vue
+++ b/apps/core-ant-design-vue/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue b/apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue b/apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-antdv-next/src/components/AppAccountForm/login.vue b/apps/core-antdv-next/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-antdv-next/src/components/AppAccountForm/login.vue
+++ b/apps/core-antdv-next/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-antdv-next/src/components/AppAccountForm/register.vue b/apps/core-antdv-next/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-antdv-next/src/components/AppAccountForm/register.vue
+++ b/apps/core-antdv-next/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue b/apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue b/apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-arco-design-vue/src/components/AppAccountForm/login.vue b/apps/core-arco-design-vue/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-arco-design-vue/src/components/AppAccountForm/login.vue
+++ b/apps/core-arco-design-vue/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-arco-design-vue/src/components/AppAccountForm/register.vue b/apps/core-arco-design-vue/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-arco-design-vue/src/components/AppAccountForm/register.vue
+++ b/apps/core-arco-design-vue/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-arco-design-vue/src/components/AppAccountForm/reset-password.vue b/apps/core-arco-design-vue/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-arco-design-vue/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-arco-design-vue/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-naive-ui/src/components/AppAccountForm/edit-password.vue b/apps/core-naive-ui/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-naive-ui/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-naive-ui/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-naive-ui/src/components/AppAccountForm/login.vue b/apps/core-naive-ui/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-naive-ui/src/components/AppAccountForm/login.vue
+++ b/apps/core-naive-ui/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-naive-ui/src/components/AppAccountForm/register.vue b/apps/core-naive-ui/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-naive-ui/src/components/AppAccountForm/register.vue
+++ b/apps/core-naive-ui/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-naive-ui/src/components/AppAccountForm/reset-password.vue b/apps/core-naive-ui/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-naive-ui/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-naive-ui/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-tdesign/src/components/AppAccountForm/edit-password.vue b/apps/core-tdesign/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-tdesign/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-tdesign/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-tdesign/src/components/AppAccountForm/login.vue b/apps/core-tdesign/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-tdesign/src/components/AppAccountForm/login.vue
+++ b/apps/core-tdesign/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-tdesign/src/components/AppAccountForm/register.vue b/apps/core-tdesign/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-tdesign/src/components/AppAccountForm/register.vue
+++ b/apps/core-tdesign/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-tdesign/src/components/AppAccountForm/reset-password.vue b/apps/core-tdesign/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-tdesign/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-tdesign/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-vexip-ui/src/components/AppAccountForm/edit-password.vue b/apps/core-vexip-ui/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core-vexip-ui/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core-vexip-ui/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-vexip-ui/src/components/AppAccountForm/login.vue b/apps/core-vexip-ui/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core-vexip-ui/src/components/AppAccountForm/login.vue
+++ b/apps/core-vexip-ui/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core-vexip-ui/src/components/AppAccountForm/register.vue b/apps/core-vexip-ui/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core-vexip-ui/src/components/AppAccountForm/register.vue
+++ b/apps/core-vexip-ui/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core-vexip-ui/src/components/AppAccountForm/reset-password.vue b/apps/core-vexip-ui/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core-vexip-ui/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core-vexip-ui/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core/src/components/AppAccountForm/edit-password.vue b/apps/core/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/core/src/components/AppAccountForm/edit-password.vue
+++ b/apps/core/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core/src/components/AppAccountForm/login.vue b/apps/core/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/core/src/components/AppAccountForm/login.vue
+++ b/apps/core/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/core/src/components/AppAccountForm/register.vue b/apps/core/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/core/src/components/AppAccountForm/register.vue
+++ b/apps/core/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/core/src/components/AppAccountForm/reset-password.vue b/apps/core/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/core/src/components/AppAccountForm/reset-password.vue
+++ b/apps/core/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/example/src/components/AppAccountForm/edit-password.vue b/apps/example/src/components/AppAccountForm/edit-password.vue
index e5387764..7aff2400 100755
--- a/apps/example/src/components/AppAccountForm/edit-password.vue
+++ b/apps/example/src/components/AppAccountForm/edit-password.vue
@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/example/src/components/AppAccountForm/login.vue b/apps/example/src/components/AppAccountForm/login.vue
index 0c6e23ba..191b61d9 100755
--- a/apps/example/src/components/AppAccountForm/login.vue
+++ b/apps/example/src/components/AppAccountForm/login.vue
@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
diff --git a/apps/example/src/components/AppAccountForm/register.vue b/apps/example/src/components/AppAccountForm/register.vue
index 76041ede..e6f8fc09 100755
--- a/apps/example/src/components/AppAccountForm/register.vue
+++ b/apps/example/src/components/AppAccountForm/register.vue
@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
diff --git a/apps/example/src/components/AppAccountForm/reset-password.vue b/apps/example/src/components/AppAccountForm/reset-password.vue
index 8439e96a..7faa6321 100755
--- a/apps/example/src/components/AppAccountForm/reset-password.vue
+++ b/apps/example/src/components/AppAccountForm/reset-password.vue
@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>