diff --git a/frontend/src/components/Footer/styleFooter.ts b/frontend/src/components/Footer/styleFooter.ts index f932da604..5e9709b1f 100644 --- a/frontend/src/components/Footer/styleFooter.ts +++ b/frontend/src/components/Footer/styleFooter.ts @@ -11,7 +11,7 @@ export const footerClasses = { }; export const FooterRoot = styled('div')(({ theme }) => ({ [`& .${footerClasses.footerBox}`]: { - position: 'absolute', + position: 'sticky', bottom: 0, width: '100%', backgroundColor: theme.palette.primary.main @@ -21,7 +21,7 @@ export const FooterRoot = styled('div')(({ theme }) => ({ alignItems: 'center', justifyContent: 'center', margin: '0 auto', - maxWidth: '1444px' + maxWidth: '1444px', }, [`& .${footerClasses.footerLogo}`]: { display: 'flex', diff --git a/frontend/src/components/FooterOriginal.tsx b/frontend/src/components/FooterOriginal.tsx index 7deb5c228..2ae6f8264 100644 --- a/frontend/src/components/FooterOriginal.tsx +++ b/frontend/src/components/FooterOriginal.tsx @@ -14,6 +14,7 @@ export const CrossfeedFooter: React.FC = () => { alignItems={'center'} justifyContent={'center'} style={{ + position: 'sticky', margin: '0 auto', marginTop: '1rem', maxWidth: '1444px'