diff --git a/webapp/src/components/footer/Footer.js b/webapp/src/components/footer/Footer.js
index 3f6cc9a0..c8731443 100644
--- a/webapp/src/components/footer/Footer.js
+++ b/webapp/src/components/footer/Footer.js
@@ -3,7 +3,7 @@ import { AppBar, Toolbar, Typography } from '@mui/material';
 
 export const Footer = () => {
     return (
-        <AppBar component="footer" position="static" sx={{ backgroundColor: "primary", color: "white", bottom: 0, left: 0, width: '100%', zIndex: 1000 }}>
+        <AppBar component="footer" position="static" sx={{ backgroundColor: "secondary", color: "white", position: 'fixed', bottom: 0, left: 0, width: '100%', zIndex: 1000 }}>
             <Toolbar>
                 <Typography sx={{ margin: 'auto' }}>
                     © WIQ ES06C
diff --git a/webapp/src/components/nav/Nav.js b/webapp/src/components/nav/Nav.js
index d9802ab4..41a5d810 100644
--- a/webapp/src/components/nav/Nav.js
+++ b/webapp/src/components/nav/Nav.js
@@ -27,7 +27,7 @@ export const Nav = () => {
     */
 
     return (
-        <AppBar position="static">
+        <AppBar position="static" sx={{ backgroundColor: "secondary", color: "white"}}>
         <Toolbar>
             <Link to='/home' >
                 <IconButton size="large" color="inherit" >