From e34dde7d173285e3ac98e4212287628bc1de5929 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Mon, 22 Jul 2024 11:34:50 +0800
Subject: [PATCH] style(experience): improve notched border animation

---
 .../InputFields/InputField/NotchedBorder/index.module.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss b/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
index 8334a63121f..e063b0cfebc 100644
--- a/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
+++ b/packages/experience/src/components/InputFields/InputField/NotchedBorder/index.module.scss
@@ -48,15 +48,16 @@
 
   .label {
     position: absolute;
-    left: _.unit(4);
+    left: _.unit(3.5);
     font: var(--font-body-1);
     color: var(--color-type-secondary);
     pointer-events: none;
     top: 48%;
     transform: translateY(-50%);
     transition: 0.2s ease-out;
-    transition-property: position, font, top;
+    transition-property: position, font, top, color;
     background-color: transparent;
+    padding: 0 _.unit(1);
     z-index: 1;
   }
 
@@ -71,10 +72,8 @@
 
     .label {
       top: -1px;
-      left: _.unit(3.5);
       font: var(--font-body-3);
       color: var(--color-type-secondary);
-      padding: 0 _.unit(1);
     }
   }