diff --git a/01-frontend/src/helper/NavBar.tsx b/01-frontend/src/helper/NavBar.tsx
index f204eb3..41c1f87 100644
--- a/01-frontend/src/helper/NavBar.tsx
+++ b/01-frontend/src/helper/NavBar.tsx
@@ -45,7 +45,7 @@ const Search = styled('div')(({ theme }) => ({
   }));
   
   const StyledInputBase = styled(InputBase)(({ theme }) => ({
-    color: 'inherit',
+    color: 'white',
     width: '100%',
     '& .MuiInputBase-input': {
       padding: theme.spacing(1, 1, 1, 0),
@@ -88,7 +88,7 @@ export default function NavBar() {
         <AppBar sx={{bgcolor: 'green'}}>
             <Container maxWidth="xl">
                 <Toolbar disableGutters>
-                    <AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1 }} />
+                    <AdbIcon sx={{ display: { xs: 'none', md: 'flex' }, mr: 1, color: 'white' }} />
                     <Typography
                         variant="h6"
                         noWrap
@@ -100,7 +100,7 @@ export default function NavBar() {
                             fontFamily: 'monospace',
                             fontWeight: 700,
                             letterSpacing: '.3rem',
-                            color: 'inherit',
+                            color: 'white',
                             textDecoration: 'none',
                         }}
                     >
@@ -109,7 +109,7 @@ export default function NavBar() {
 
                     <Search>
                         <SearchIconWrapper>
-                            <SearchIcon />
+                            <SearchIcon sx={{color: 'white'}}/>
                         </SearchIconWrapper>
                         <StyledInputBase
                             placeholder="Search…"