diff --git a/src/systems/dashboard/gridEngine.js b/src/systems/dashboard/gridEngine.js
index 67c2763..0f0d1ae 100644
--- a/src/systems/dashboard/gridEngine.js
+++ b/src/systems/dashboard/gridEngine.js
@@ -119,6 +119,7 @@ export class GridEngine {
      * Recalculates column count based on new width and notifies if changed.
      *
      * @param {number} width - Container width in pixels
+     * @returns {boolean} True if column count changed, false otherwise
      */
     setContainerWidth(width) {
         const oldColumns = this.columns;
@@ -131,7 +132,10 @@ export class GridEngine {
         if (oldColumns !== this.columns && this.onColumnsChange) {
             console.log('[GridEngine] Column count changed from', oldColumns, 'to', this.columns);
             this.onColumnsChange(this.columns, oldColumns);
+            return true; // Signal that columns changed
         }
+
+        return false; // Columns did NOT change
     }
 
     /**
diff --git a/src/systems/dashboard/widgets/inventoryWidget.js b/src/systems/dashboard/widgets/inventoryWidget.js
index 98b96ef..8ad7cc8 100644
--- a/src/systems/dashboard/widgets/inventoryWidget.js
+++ b/src/systems/dashboard/widgets/inventoryWidget.js
@@ -65,8 +65,19 @@ export function registerInventoryWidget(registry, dependencies) {
         description: 'Full inventory system with On Person, Stored, and Assets',
         category: 'inventory',
         minSize: { w: 2, h: 4 },
-        defaultSize: { w: 2, h: 6 },
-        maxAutoSize: { w: 3, h: 8 }, // Max size for auto-arrange expansion (full tab)
+        // Column-aware sizing: compact on mobile, spacious on desktop
+        defaultSize: (columns) => {
+            if (columns <= 2) {
+                return { w: 2, h: 5 }; // Mobile: 2×5 (full width, compact)
+            }
+            return { w: 2, h: 6 }; // Desktop: 2×6 (default)
+        },
+        maxAutoSize: (columns) => {
+            if (columns <= 2) {
+                return { w: 2, h: 8 }; // Mobile: 2×8 max (increased for expansion headroom)
+            }
+            return { w: 3, h: 8 }; // Desktop: 3×8 max (can expand)
+        },
         requiresSchema: false,
 
         render(container, config = {}) {
@@ -113,14 +124,18 @@ export function registerInventoryWidget(registry, dependencies) {
         },
 
         onResize(container, newW, newH) {
-            // Adjust layout for narrow widgets
-            const widget = container.querySelector('.rpg-inventory-widget');
-            if (!widget) return;
+            // Re-render widget to update internal layout for new dimensions
+            // This ensures sub-tabs, item lists, and storage locations adapt correctly
+            this.render(container, this.config || {});
 
-            if (newW < 6) {
-                widget.classList.add('rpg-inventory-compact');
-            } else {
-                widget.classList.remove('rpg-inventory-compact');
+            // Apply compact mode styling if needed
+            const widget = container.querySelector('.rpg-inventory-widget');
+            if (widget) {
+                if (newW < 6) {
+                    widget.classList.add('rpg-inventory-compact');
+                } else {
+                    widget.classList.remove('rpg-inventory-compact');
+                }
             }
         },
 
diff --git a/src/systems/dashboard/widgets/questsWidget.js b/src/systems/dashboard/widgets/questsWidget.js
index ce5bd1b..14c61e9 100644
--- a/src/systems/dashboard/widgets/questsWidget.js
+++ b/src/systems/dashboard/widgets/questsWidget.js
@@ -395,8 +395,19 @@ export function registerQuestsWidget(registry, dependencies) {
         description: 'Quest tracking with main and optional quests',
         category: 'quests',
         minSize: { w: 2, h: 4 },
-        defaultSize: { w: 2, h: 5 },
-        maxAutoSize: { w: 3, h: 7 },
+        // Column-aware sizing: compact on mobile, spacious on desktop
+        defaultSize: (columns) => {
+            if (columns <= 2) {
+                return { w: 2, h: 4 }; // Mobile: 2×4 (full width, compact)
+            }
+            return { w: 2, h: 5 }; // Desktop: 2×5 (default)
+        },
+        maxAutoSize: (columns) => {
+            if (columns <= 2) {
+                return { w: 2, h: 7 }; // Mobile: 2×7 max (increased for expansion headroom)
+            }
+            return { w: 3, h: 7 }; // Desktop: 3×7 max (can expand)
+        },
         requiresSchema: false,
 
         render(container, config = {}) {
@@ -436,6 +447,24 @@ export function registerQuestsWidget(registry, dependencies) {
         // Called when widget data changes externally
         onDataUpdate(container, config = {}) {
             this.render(container, config);
+        },
+
+        // Called when widget is resized
+        onResize(container, newW, newH) {
+            // Re-render widget to update layout for new dimensions
+            this.render(container, this.config || {});
+
+            // Apply width-aware styling
+            const widget = container.querySelector('.rpg-quests-widget');
+            if (widget) {
+                if (newW >= 3) {
+                    // Wide layout: constrain title width
+                    widget.classList.add('rpg-quests-wide');
+                } else {
+                    // Narrow layout: allow title to flex
+                    widget.classList.remove('rpg-quests-wide');
+                }
+            }
         }
     });
 }
diff --git a/style.css b/style.css
index e8975f3..e06c9c7 100644
--- a/style.css
+++ b/style.css
@@ -6950,6 +6950,23 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     overflow-x: hidden;
 }
 
+/* Quests Widget - Flex container for proper scrolling */
+.rpg-quests-widget {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+}
+
+/* Quests Views - Scrollable content area */
+.rpg-quests-views {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
 /* Sub-tabs Navigation */
 .rpg-inventory-subtabs {
     display: flex;
@@ -7648,6 +7665,25 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     }
 }
 
+/* Inventory Compact Mode (narrow widths, < 6 grid units) */
+.rpg-inventory-compact .rpg-inventory-subtabs {
+    gap: 0.25rem; /* Reduced from 0.5rem */
+}
+
+.rpg-inventory-compact .rpg-inventory-subtab {
+    padding: 0.4rem 0.6rem; /* Reduced from 0.5rem 1rem */
+    font-size: 0.85rem;
+}
+
+/* Hide labels on very narrow widths, show icons only */
+.rpg-inventory-compact .rpg-subtab-label {
+    display: none;
+}
+
+.rpg-inventory-compact .rpg-inventory-subtab i {
+    margin: 0;
+}
+
 /* ============================================
    QUESTS SYSTEM STYLING
    ============================================ */
@@ -7907,6 +7943,19 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     background: rgba(255, 255, 255, 0.1);
 }
 
+/* Quest widget header constraints for wide layouts */
+.rpg-quests-wide .rpg-quest-section-title {
+    max-width: 200px;
+    flex-shrink: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.rpg-quests-wide .rpg-quest-header {
+    gap: 1rem;
+}
+
 /* Mobile Responsive Styles */
 @media (max-width: 768px) {
     .rpg-quests-subtabs {