From 54e11a8a538fbdcb9765f2a50a7dd0bade38fc3c Mon Sep 17 00:00:00 2001
From: Ravi theja <ravi.theja@100ms.live>
Date: Mon, 26 Feb 2024 11:18:19 +0530
Subject: [PATCH] fix: content overflow for sidebar on smaller resolutions

---
 .../src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
index 054e50a1df..6ae278df87 100644
--- 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',