diff --git a/console/src/modules/system/users/Binding.vue b/console/src/modules/system/users/Binding.vue
index cffe4f95e..e22760369 100644
--- a/console/src/modules/system/users/Binding.vue
+++ b/console/src/modules/system/users/Binding.vue
@@ -51,7 +51,9 @@ function handleChangeType() {
 const isLoginType = computed(() => type.value !== "signup");
 </script>
 <template>
-  <div class="flex h-screen flex-col items-center bg-white/90 pt-[30vh]">
+  <div
+    class="flex h-screen flex-col items-center bg-white/90 pt-[30vh] sm:pt-[20vh]"
+  >
     <IconLogo class="mb-8" />
     <div class="flex w-72 flex-col">
       <SignupForm
diff --git a/console/src/modules/system/users/Login.vue b/console/src/modules/system/users/Login.vue
index 4ecba141d..a15586be4 100644
--- a/console/src/modules/system/users/Login.vue
+++ b/console/src/modules/system/users/Login.vue
@@ -68,7 +68,9 @@ watch(
 );
 </script>
 <template>
-  <div class="flex h-screen flex-col items-center bg-white/90 pt-[30vh]">
+  <div
+    class="flex h-screen flex-col items-center bg-white/90 pt-[30vh] sm:pt-[20vh]"
+  >
     <IconLogo class="mb-8" />
     <div class="flex w-72 flex-col">
       <SignupForm v-if="type === 'signup'" @succeed="onLoginSucceed" />