diff --git a/smart-admin-web-javascript/src/views/system/account/components/center/index.vue b/smart-admin-web-javascript/src/views/system/account/components/center/index.vue
index 8e4c16e8..acec24e4 100644
--- a/smart-admin-web-javascript/src/views/system/account/components/center/index.vue
+++ b/smart-admin-web-javascript/src/views/system/account/components/center/index.vue
@@ -233,13 +233,21 @@
   });
 </script>
 <style lang="less" scoped>
-  .center-container {
+.center-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    
     .header-title {
       font-size: 20px;
+      flex-shrink: 0;
     }
 
     .center-form-area {
       margin-top: 20px;
+      flex: 1;
+      overflow-y: auto;
+      min-height: 0;
 
       .avatar-container {
         position: relative;