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',