diff --git a/packages/web-runtime/src/pages/account/accountLayout.vue b/packages/web-runtime/src/pages/account/accountLayout.vue
index 46c3f9d7d9..3a0acec2de 100644
--- a/packages/web-runtime/src/pages/account/accountLayout.vue
+++ b/packages/web-runtime/src/pages/account/accountLayout.vue
@@ -6,9 +6,11 @@
   />
   <main
     id="account"
-    class="p-4 overflow-auto app-content w-full bg-role-surface rounded-l-xl transition-all duration-350 ease-[cubic-bezier(0.34,0.11,0,1.12)]"
+    class="flex justify-center p-4 overflow-auto app-content w-full bg-role-surface rounded-l-xl transition-all duration-350 ease-[cubic-bezier(0.34,0.11,0,1.12)]"
   >
-    <router-view />
+    <div class="w-full lg:w-3/4 xl:w-1/2">
+      <router-view />
+    </div>
   </main>
 </template>
 <script setup lang="ts">