From 3bd72f1eeeb5e0cf79b07df61fedea12c01555bd Mon Sep 17 00:00:00 2001
From: Courtneyc1 <126171978+courtneyc1@users.noreply.github.com>
Date: Wed, 13 Sep 2023 10:51:33 -0400
Subject: [PATCH] updated footer

The footer now shows under the content for all pages. The user page under export now shows footer under it instead of cutting it off.
---
 frontend/src/components/Footer/styleFooter.ts | 4 ++--
 frontend/src/components/FooterOriginal.tsx    | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

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'