Adjusted Footer Position, Updated Layout to display children properly

cisagov · Apr 10, 2024 · 75e72b5 · 75e72b5
1 parent f98a4af
commit 75e72b5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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',