diff --git a/src/components/AuthUser/Homepage/Header.tsx b/src/components/AuthUser/Homepage/Header.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a83e2ba960736b6794fbac1ca9547efe9576b4d2
--- /dev/null
+++ b/src/components/AuthUser/Homepage/Header.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { makeStyles } from '@material-ui/core/styles';
+import { AppBar, Toolbar, Button } from "@material-ui/core";
+import { Home }from "@material-ui/icons";
+
+const useStyles = makeStyles((theme) => ({
+    button: {
+      margin: theme.spacing(1),
+    },
+  }));
+
+const Header = () => {
+
+    return (
+
+        <AppBar position="static">
+
+            <Toolbar>
+            <Button
+            variant="contained"
+            //color="primary"
+            className={classes.button}
+            startIcon={<Home />}
+            >
+              Home
+            </Button>
+            </Toolbar>
+
+        </AppBar>
+
+
+    );
+};
+
+export default Header;
\ No newline at end of file
diff --git a/src/components/AuthUser/Homepage/HomePage.tsx b/src/components/AuthUser/Homepage/HomePage.tsx
index 1cac46295b7407a3a66bd0a75e994a4229b8f9c2..b021dd60b5804661a59b7366287aa10bf500a873 100644
--- a/src/components/AuthUser/Homepage/HomePage.tsx
+++ b/src/components/AuthUser/Homepage/HomePage.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Header from "./Header";
 
 import { CssBaseline, Grid } from "@material-ui/core";
 
@@ -9,6 +10,7 @@ const HomePage = () => {
         <Grid container direction="column">
             <Grid item>
                 <CssBaseline />
+                <Header />
             </Grid>
              <Grid item container>
                  <Grid item xs={false} sm={2} />