Fix video modal layout columns

css/tailwind.source.css

@@ -1695,7 +1695,7 @@
         minmax(0, 1fr)
         minmax(var(--video-modal-secondary-min), var(--video-modal-secondary-size));
       grid-template-areas: "primary secondary";
-      align-items: start;
+      align-items: stretch;
       grid-auto-flow: column;
     }
 
@@ -1710,6 +1710,7 @@
       min-height: 0;
       max-width: var(--video-modal-secondary-size);
       grid-area: secondary;
+      height: 100%;
     }
 
     #playerModal .video-modal__layout .watch-container {
@@ -1742,7 +1743,7 @@
           var(--video-modal-secondary-size)
         );
       grid-template-areas: "primary secondary";
-      align-items: start;
+      align-items: stretch;
       grid-auto-flow: column;
     }
 
@@ -1789,6 +1790,25 @@
     .video-modal__similar {
       @apply flex flex-col gap-6;
       align-self: stretch;
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+  }
+
+  @media (min-width: theme('screens.lg')) {
+    #playerModal .video-modal__similar .player-modal__module {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    #playerModal .video-modal__similar .player-modal__module-list {
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+
+    #playerModal .video-modal__similar .player-modal__module-scroll {
+      height: 100%;
     }
   }