diff --git a/frontend/src/basic/NavBar/AppBar/index.tsx b/frontend/src/basic/NavBar/AppBar/index.tsx
index c8d780f9..7f4993d2 100644
--- a/frontend/src/basic/NavBar/AppBar/index.tsx
+++ b/frontend/src/basic/NavBar/AppBar/index.tsx
@@ -71,7 +71,7 @@ const AppBar = ({ changePage }: AppBarProps): React.JSX.Element => {
 
   return (
     <Box sx={{ flexGrow: 1 }}>
-      <Bar position='fixed' sx={{ top: 'auto', bottom: 0 }}>
+      <Bar position='fixed' sx={{ top: 'auto', bottom: 0 }} color='white'>
         <Toolbar style={{ display: 'flex', justifyContent: 'space-between', flexGrow: 1 }}>
           <Button
             size='large'