diff --git a/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.module.css b/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.module.css index 7224f16120..ca18e1a4be 100644 --- a/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.module.css +++ b/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.module.css @@ -20,7 +20,6 @@ .participant.vertical { width: 100%; border-radius: 12px; - aspect-ratio: auto; } .participant.vertical video { diff --git a/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.tsx b/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.tsx index adf31f65ed..57196f7b51 100644 --- a/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.tsx +++ b/sample-apps/react/react-video-demo/src/components/ParticipantsSlider/ParticipantsSlider.tsx @@ -72,10 +72,10 @@ export const ParticipantsSlider: FC = ({ ); useEffect(() => { - if (!scrollWrapper || !call || mode === 'vertical') return; + if (!scrollWrapper || !call) return; const cleanup = call.setViewport(scrollWrapper); return () => cleanup(); - }, [scrollWrapper, call, mode]); + }, [scrollWrapper, call]); useEffect(() => { if (breakpoint === 'xs' || breakpoint === 'sm') {