From 75e72b5fd86e32c3e1285031ae84b1a52d8c4550 Mon Sep 17 00:00:00 2001
From: Chrtorres <chris.rtorres@outlook.com>
Date: Wed, 10 Apr 2024 09:07:31 -0400
Subject: [PATCH] Adjusted Footer Position, Updated Layout to display children
 properly

---
 frontend/src/components/Layout.tsx                  | 2 +-
 frontend/src/components/ReadySetCyber/RSCFooter.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 402c3ff6..0edbffd8 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -62,7 +62,7 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
         ) : (
           <>
             <RSCHeader />
-            <div>{children}</div>
+            <div className={classes.content}>{children}</div>
             <RSCFooter />
           </>
         )}
diff --git a/frontend/src/components/ReadySetCyber/RSCFooter.tsx b/frontend/src/components/ReadySetCyber/RSCFooter.tsx
index 6667b8ca..8d2277eb 100644
--- a/frontend/src/components/ReadySetCyber/RSCFooter.tsx
+++ b/frontend/src/components/ReadySetCyber/RSCFooter.tsx
@@ -8,14 +8,16 @@ import {
 } from '@mui/material';
 import cisaFooterLogo from './assets/cisa_footer_logo.png';
 import { links } from './links';
+import { fi } from 'date-fns/locale';
 
 export const RSCFooter: React.FC = () => {
   return (
     <Box
       sx={{
         width: '100%',
-        height: '100vh',
         display: 'flex',
+        position: 'relative',
+        bottom: 0,
         justifyContent: 'center',
         backgroundColor: '#005285',
         paddingTop: '1em',