diff --git a/packages/console/src/pages/SignInExperience/hooks/use-preview-configs.ts b/packages/console/src/pages/SignInExperience/hooks/use-preview-configs.ts
index 40a787522..d15a25015 100644
--- a/packages/console/src/pages/SignInExperience/hooks/use-preview-configs.ts
+++ b/packages/console/src/pages/SignInExperience/hooks/use-preview-configs.ts
@@ -10,7 +10,7 @@ const usePreviewConfigs = (
   formData: SignInExperienceForm,
   isDirty: boolean,
   data?: SignInExperience,
-  timeDelay = 2000 // Render the preview after the user stops typing in the custom CSS editing box for two seconds.
+  timeDelay = 400 // Render the preview after the user stops typing in the custom CSS editing box for two seconds.
 ) => {
   const debounce = useDebounce(timeDelay);
   const { customCss, ...restFormData } = formData;
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
index cf3b119e9..e7be2ac74 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
@@ -46,7 +46,7 @@ const sign_in_exp = {
     css_code_editor_description: '查看自定义 CSS 的例子。 <a>{{link}}</a>',
     css_code_editor_description_link_content: '了解更多',
     css_code_editor_content_placeholder:
-      '// 输入自定义CSS代码，从颜色、字体、组件样式和布局等，定制你的登录、注册、忘记密码和其他页面。充分发挥创造力，让你的用户界面脱颖而出。',
+      '// 输入自定义 CSS 代码，从颜色、字体、组件样式和布局等，定制你的登录、注册、忘记密码和其他页面。充分发挥创造力，让你的用户界面脱颖而出。',
   },
   sign_up_and_sign_in: {
     identifiers_email: '邮件地址',