diff --git a/resources/views/videos/types/generic.blade.php b/resources/views/videos/types/generic.blade.php
index 4e15ff5..643095b 100644
--- a/resources/views/videos/types/generic.blade.php
+++ b/resources/views/videos/types/generic.blade.php
@@ -366,6 +366,29 @@
             }
         }
 
+        /* ── Narrow desktop: too little room for a side rail ──────────────
+           Between 992px and 1300px the left nav (240px) and the 300px rail
+           leave the video column under ~700px, so the Up Next titles collapse
+           into a ~124px channel. Trigger the SAME stacking the ≤991px layout
+           already does, just earlier. Nothing is removed — the ≤991px block
+           still owns the phone treatment (thumb-on-top cards). */
+        @media (max-width: 1300px) {
+            .video-layout-container {
+                flex-direction: column !important;
+            }
+
+            .yt-video-section {
+                width: 100% !important;
+                flex: none !important;
+            }
+
+            .yt-sidebar-container {
+                width: 100% !important;
+                margin-top: 16px;
+            }
+        }
+
+
         @media (max-width: 991px) {
             .yt-main {
                 margin-left: 0;
diff --git a/resources/views/videos/types/match.blade.php b/resources/views/videos/types/match.blade.php
index 9d4b4b8..b1cd764 100644
--- a/resources/views/videos/types/match.blade.php
+++ b/resources/views/videos/types/match.blade.php
@@ -2019,6 +2019,43 @@
             }
         }
 
+        /* ── Narrow desktop: too little room for a side rail ──────────────
+           Between 992px and 1300px the left nav (240px) and the 300px rail
+           leave the video column under ~700px: Up Next titles collapse to a
+           ~124px channel and the match header/fighters grid break apart.
+           Trigger the SAME stacking the ≤991px layout already does, just
+           earlier. Nothing is removed — the ≤991px block still owns the
+           phone treatment (thumb-on-top cards, review view, bottom sheet). */
+        @media (max-width: 1300px) {
+            .video-layout-container {
+                flex-direction: column !important;
+            }
+
+            .yt-video-section {
+                width: 100% !important;
+                flex: none !important;
+            }
+
+            .yt-sidebar-container,
+            .events-sidebar {
+                width: 100% !important;
+            }
+
+            .yt-sidebar-container {
+                margin-top: 16px;
+            }
+
+            .fighters-row {
+                grid-template-columns: 1fr !important;
+            }
+
+            .event-header {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+        }
+
+
         @media (max-width: 991px) {
             .yt-main {
                 margin-left: 0;
diff --git a/resources/views/videos/types/music.blade.php b/resources/views/videos/types/music.blade.php
index 552f1d7..524a51a 100644
--- a/resources/views/videos/types/music.blade.php
+++ b/resources/views/videos/types/music.blade.php
@@ -356,6 +356,29 @@
             }
         }
 
+        /* ── Narrow desktop: too little room for a side rail ──────────────
+           Between 992px and 1300px the left nav (240px) and the 300px rail
+           leave the video column under ~700px, so the Up Next titles collapse
+           into a ~124px channel. Trigger the SAME stacking the ≤991px layout
+           already does, just earlier. Nothing is removed — the ≤991px block
+           still owns the phone treatment (thumb-on-top cards). */
+        @media (max-width: 1300px) {
+            .video-layout-container {
+                flex-direction: column !important;
+            }
+
+            .yt-video-section {
+                width: 100% !important;
+                flex: none !important;
+            }
+
+            .yt-sidebar-container {
+                width: 100% !important;
+                margin-top: 16px;
+            }
+        }
+
+
         @media (max-width: 991px) {
             .yt-main {
                 margin-left: 0;