diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index a234acd4..e462834a 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -106,7 +106,8 @@ const formComponents = {
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: 100%;
+  height: auto;
+  min-height: 100vh;
   padding: clamp(1rem, 3vw, 2rem);
   overflow: hidden;
   background-color: #f5f7ff;
@@ -322,6 +323,7 @@ const formComponents = {
   justify-content: flex-start;
   justify-self: end;
   width: min(420px, 100%);
+  min-height: 560px;
   padding: clamp(1.5rem, 3vw, 2rem);
   margin-inline: auto;
   background: rgba(255, 255, 255, 0.95);
@@ -428,6 +430,7 @@ const formComponents = {
 .auth-panel__form {
   width: 100%;
   max-width: 100%;
+  min-height: 360px;
   margin-inline: auto;
 
   :deep(.el-form-item) {