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',