fix: content overflow for sidebar on smaller res

100mslive · Feb 24, 2024 · 84260d7 · 84260d7
1 parent 3a1dde7
commit 84260d7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -42,7 +42,8 @@ const SecondarySection = ({
   const gridStyles = hasSidebar
     ? {
         gridTemplateColumns: '1fr',
-        gridTemplateRows: `repeat(${tiles.length}, minmax(0, 135px))`,
+        gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
+        maxHeight: '100%',
       }
     : {
         gridTemplateRows: React.Children.count(children) > 0 ? '136px auto' : '154px',