From ae078bd68e7319c11552e9715f0603d929ba62db Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Fri, 30 Jan 2026 20:55:20 +0100
Subject: [PATCH 1/2] feat: make account page width responsive to screen size

---
 packages/web-runtime/src/pages/account/accountLayout.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/web-runtime/src/pages/account/accountLayout.vue b/packages/web-runtime/src/pages/account/accountLayout.vue
index 46c3f9d7d9..c5c1bd9617 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 xl:w-1/2">
+      <router-view />
+    </div>
   </main>
 </template>
 <script setup lang="ts">

From 5946b607780cd53f4f6e9c52774eac1f7257e78a Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Fri, 30 Jan 2026 21:00:19 +0100
Subject: [PATCH 2/2] adjust breakpoints

---
 packages/web-runtime/src/pages/account/accountLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-runtime/src/pages/account/accountLayout.vue b/packages/web-runtime/src/pages/account/accountLayout.vue
index c5c1bd9617..3a0acec2de 100644
--- a/packages/web-runtime/src/pages/account/accountLayout.vue
+++ b/packages/web-runtime/src/pages/account/accountLayout.vue
@@ -8,7 +8,7 @@
     id="account"
     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)]"
   >
-    <div class="w-full xl:w-1/2">
+    <div class="w-full lg:w-3/4 xl:w-1/2">
       <router-view />
     </div>
   </main>