Align video modal sidebar on desktop

css/tailwind.source.css

@@ -1675,9 +1675,13 @@
       var(--video-modal-secondary-max)
     );
     @apply grid gap-6 lg:gap-8;
+    width: min(100%, var(--video-modal-layout-max));
+    margin-inline: auto;
     grid-template-columns: minmax(0, 1fr);
+    grid-template-areas:
+      "primary"
+      "secondary";
     align-items: start;
-    width: 100%;
   }
 
   @media (min-width: theme('screens.lg')) {
@@ -1690,18 +1694,28 @@
       grid-template-columns:
         minmax(0, 1fr)
         minmax(var(--video-modal-secondary-min), var(--video-modal-secondary-size));
+      grid-template-areas: "primary secondary";
       align-items: start;
+      grid-auto-flow: column;
     }
 
     .video-modal__primary {
       min-width: 0;
       min-height: 0;
+      grid-area: primary;
     }
 
     .video-modal__secondary {
       min-width: var(--video-modal-secondary-min);
       min-height: 0;
       max-width: var(--video-modal-secondary-size);
+      grid-area: secondary;
+    }
+
+    #playerModal .video-modal__layout .watch-container {
+      max-width: none;
+      margin-inline: 0;
+      width: 100%;
     }
   }