@@ -128,7 +128,7 @@ export const Layout: React.FC = ({ width: '100%', height: desktop ? '100%' : '100dvh', padding: isAuthPage ? '0px' : desktop ? '0px' : '10px', - overflowY: 'hidden', + overflow: 'visible', }} > = ({ deviceType, deviceOs }) => { setIsPaginating(false) }, [messages]) + React.useEffect(() => { + document.body.style.setProperty('overflow-y', 'hidden') + + return () => { + document.body.style.setProperty('overflow-y', 'scroll') + } + }, []) + return ( @@ -286,7 +294,7 @@ const Images: React.FC<any> = ({ deviceType, deviceOs }) => { marginBottom: desktop ? 0 : 3, width: desktop ? '97%' : '100%', marginTop: desktop ? 3 : '15px', - overflowY: 'hidden', + overflowY: 'hidden', }} > <Box @@ -357,7 +365,7 @@ const Images: React.FC<any> = ({ deviceType, deviceOs }) => { ref={refScrollMobile} sx={{ padding: '30px', - height: 'calc(100dvh - 116px - 61px)', + height: 'calc(100dvh - 116px - 61px - 10px)', overflowY: 'scroll', overflowX: 'hidden', }}