From 3040f5e0c6af1446c798500c9d08c668aba0287b Mon Sep 17 00:00:00 2001
From: Mrlang <1810849666@qq.com>
Date: Fri, 8 Dec 2023 11:49:29 +0800
Subject: [PATCH] fix: form item label top margin bottom use `s` (#527)

---
 .changeset/gorgeous-snakes-dance.md         |  5 +++++
 src/form/form-item/form-item.component.scss | 12 ++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/gorgeous-snakes-dance.md

diff --git a/.changeset/gorgeous-snakes-dance.md b/.changeset/gorgeous-snakes-dance.md
new file mode 100644
index 000000000..1b0349977
--- /dev/null
+++ b/.changeset/gorgeous-snakes-dance.md
@@ -0,0 +1,5 @@
+---
+"@alauda/ui": patch
+---
+
+fix: form item label top margin bottom use s
diff --git a/src/form/form-item/form-item.component.scss b/src/form/form-item/form-item.component.scss
index 41da1a2c1..26ae48ab6 100644
--- a/src/form/form-item/form-item.component.scss
+++ b/src/form/form-item/form-item.component.scss
@@ -22,12 +22,16 @@ $form-item-width: (
   &--top {
     flex-direction: column;
 
-    .aui-form-item__label-wrapper {
+    .aui-form-item__label {
       line-height: use-var(line-height-m);
-      margin-bottom: use-var(spacing-xs);
 
-      &:after {
-        display: none;
+      &-wrapper {
+        line-height: use-var(line-height-m);
+        margin-bottom: use-var(spacing-s);
+
+        &:after {
+          display: none;
+        }
       }
     }
   }