From f5fdde2ed58bfbaaa70bf8e76e6cff83b134fde4 Mon Sep 17 00:00:00 2001
From: Ravi theja <ravi.theja@100ms.live>
Date: Fri, 1 Sep 2023 11:05:28 +0530
Subject: [PATCH] fix: bottom layout (#1779)

---
 .../roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx   | 2 +-
 .../src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx  | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx b/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx
index 0fead331a6..117deb970b 100644
--- a/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/SecondaryTiles.tsx
@@ -15,7 +15,7 @@ export const SecondaryTiles = ({ peers, onPageChange, onPageSize }: LayoutProps)
 
   useEffect(() => {
     if (pageSize > 0) {
-      onPageSize?.(pageSize + 1); // include screenshare peer as well for page size
+      onPageSize?.(pageSize);
     }
   }, [pageSize, onPageSize]);
 
diff --git a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
index adee268e79..4ac7a4cc21 100644
--- a/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
+++ b/packages/roomkit-react/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -34,8 +34,7 @@ const SecondarySection = ({ tiles, children }: React.PropsWithChildren<{ tiles:
               trackId={tile.track?.id}
               rootCSS={{
                 padding: 0,
-                flex: '1 1 0',
-                maxWidth: 'max-content',
+                flex: '0 0 25%',
               }}
               containerCSS={{
                 width: 'unset',