diff --git a/src/systems/dashboard/widgets/presentCharactersWidget.js b/src/systems/dashboard/widgets/presentCharactersWidget.js
index 467320d..eab55a9 100644
--- a/src/systems/dashboard/widgets/presentCharactersWidget.js
+++ b/src/systems/dashboard/widgets/presentCharactersWidget.js
@@ -283,12 +283,12 @@ export function registerPresentCharactersWidget(registry, dependencies) {
             }
             return { w: 3, h: 2 }; // Desktop: 3 cols wide (full), 2 rows tall (fits 1080p)
         },
-        // Column-aware max size: can expand vertically if needed
+        // Column-aware max size: same as default to prevent expansion
         maxAutoSize: (columns) => {
             if (columns <= 2) {
-                return { w: 2, h: 5 };
+                return { w: 2, h: 4 }; // Mobile: stay at 4 rows
             }
-            return { w: 3, h: 3 }; // Desktop: can expand to 3 rows if needed
+            return { w: 3, h: 2 }; // Desktop: stay at 2 rows (fits 1080p without scrolling)
         },
         requiresSchema: false,
 
diff --git a/src/systems/dashboard/widgets/userInfoWidget.js b/src/systems/dashboard/widgets/userInfoWidget.js
index 08de019..53479bf 100644
--- a/src/systems/dashboard/widgets/userInfoWidget.js
+++ b/src/systems/dashboard/widgets/userInfoWidget.js
@@ -40,14 +40,17 @@ export function registerUserInfoWidget(registry, dependencies) {
         minSize: { w: 1, h: 1 },
         // Column-aware default size: vertical 1x2 with mood below
         defaultSize: (columns) => {
-            if (columns <= 2) {
-                return { w: 1, h: 1 }; // Mobile: 1x1, compact
+            // Mobile detection: screen width ≤ 1000px uses compact 1x1
+            const isMobile = window.innerWidth <= 1000;
+            if (isMobile) {
+                return { w: 1, h: 1 }; // Mobile: 1x1, compact (round avatar)
             }
-            return { w: 1, h: 2 }; // Desktop: 1x2 vertical, mood sits below
+            return { w: 1, h: 2 }; // Desktop (all widths): 1x2 vertical, mood sits below
         },
         // Column-aware max size: same as defaultSize to prevent expansion
         maxAutoSize: (columns) => {
-            if (columns <= 2) {
+            const isMobile = window.innerWidth <= 1000;
+            if (isMobile) {
                 return { w: 1, h: 1 }; // Mobile: 1x1, compact
             }
             return { w: 1, h: 2 }; // Desktop: 1x2 vertical, mood below at y:2