From 8dc75e6d0bea195cf221b9a16001b9bf51c8458c Mon Sep 17 00:00:00 2001
From: courtneyc1 <126171978+courtneyc1@users.noreply.github.com>
Date: Wed, 25 Oct 2023 08:27:51 -0400
Subject: [PATCH] Footer cutting off bottom of all pages (#2347)

* Updated from 'absolute' to 'fix'

* update 'fix' to 'relative' and add top: 20px
---
 frontend/src/components/Footer/styleFooter.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Footer/styleFooter.ts b/frontend/src/components/Footer/styleFooter.ts
index f932da604..0e2286a9e 100644
--- a/frontend/src/components/Footer/styleFooter.ts
+++ b/frontend/src/components/Footer/styleFooter.ts
@@ -11,7 +11,8 @@ export const footerClasses = {
 };
 export const FooterRoot = styled('div')(({ theme }) => ({
   [`& .${footerClasses.footerBox}`]: {
-    position: 'absolute',
+    position: 'relative',
+    top: '20px',
     bottom: 0,
     width: '100%',
     backgroundColor: theme.palette.primary.main