diff --git a/src/components/AuthUser/Homepage/Header.tsx b/src/components/AuthUser/Homepage/Header.tsx
index df543e36d30306365d16fca2f0f678a6971d819b..589d6004608e3e0d812b3f4c7cbcef0444d07684 100644
--- a/src/components/AuthUser/Homepage/Header.tsx
+++ b/src/components/AuthUser/Homepage/Header.tsx
@@ -5,6 +5,8 @@ import { makeStyles } from '@material-ui/core/styles';
 const useStyles = makeStyles((theme) => ({
   button: {
     margin: theme.spacing(1),
+    color: theme.palette.getContrastText('#000000'),
+    outline: theme.palette.getContrastText('#000000'),
   },
 }));
 
@@ -14,9 +16,12 @@ export const Header: FC = () => {
   return (
     <AppBar position="static">
       <Toolbar>
-        <Button variant="contained" className={classes.button}>
+        <Button variant="outlined" className={classes.button}>
           Home
         </Button>
+        <Button variant="outlined" className={classes.button}>
+          Reservation
+        </Button>
       </Toolbar>
     </AppBar>
   );