diff --git a/WebVue/src/views/login/index.vue b/WebVue/src/views/login/index.vue
index 7d3b7f5..9497a19 100644
--- a/WebVue/src/views/login/index.vue
+++ b/WebVue/src/views/login/index.vue
@@ -322,9 +322,10 @@ const onBiometricLogin = async () => {
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 100vw;
-  height: 100vh;
-  padding-top: 240px;
+  width: 100%;
+  height: 98vh;
+  padding: 240px 16px 0;
+  box-sizing: border-box;
   background: url("@/assets/login.svg");
 
   .login-logo {
@@ -341,10 +342,11 @@ const onBiometricLogin = async () => {
   }
 
   :deep(.ant-form) {
-    width: 360px;
+    width: 100%;
+    max-width: 360px;
 
     .ant-col {
-      width: 360px;
+      width: 100%;
     }
 
     .ant-form-item-label {