diff --git a/src/App.tsx b/src/App.tsx
index f631093818385e958e9fce65e9d8f0f270f6f198..29a6b1d9cca256969df38bd9eaf44745e8362c02 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import HomePage from './components/AuthUser/Homepage/HomePage';
+import { HomePage } from './components/AuthUser/Homepage/HomePage';
 
 export const App: FC = () => (
   <Router>
diff --git a/src/components/AuthUser/Homepage/Header.tsx b/src/components/AuthUser/Homepage/Header.tsx
index 0c1213a51cbf1fc964e51f1c2aa9adcbeb0d11e4..df543e36d30306365d16fca2f0f678a6971d819b 100644
--- a/src/components/AuthUser/Homepage/Header.tsx
+++ b/src/components/AuthUser/Homepage/Header.tsx
@@ -1,37 +1,23 @@
-import React from "react";
+import React, { FC } from 'react';
+import { AppBar, Toolbar, Button } from '@material-ui/core';
 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 = () => {
-
-  const classes = useStyles;
-
-    return (
-
-        <AppBar position="static">
-
-            <Toolbar>
-            <Button
-            variant="contained"
-            //color="primary"
-            className={classes.button}
-            //startIcon={<Home />}
-            >
-              Home
-            </Button>
-            </Toolbar>
-
-        </AppBar>
-
-
-    );
+  button: {
+    margin: theme.spacing(1),
+  },
+}));
+
+export const Header: FC = () => {
+  const classes = useStyles();
+
+  return (
+    <AppBar position="static">
+      <Toolbar>
+        <Button variant="contained" className={classes.button}>
+          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 b021dd60b5804661a59b7366287aa10bf500a873..cc7caa470a2cc49035ae8f0761b7258435a13588 100644
--- a/src/components/AuthUser/Homepage/HomePage.tsx
+++ b/src/components/AuthUser/Homepage/HomePage.tsx
@@ -1,27 +1,20 @@
-import React from "react";
-import Header from "./Header";
+import React, { FC } from 'react';
+import { CssBaseline, Grid } from '@material-ui/core';
 
-import { CssBaseline, Grid } from "@material-ui/core";
+import { Header } from './Header';
 
-const HomePage = () => {
-
-    return (
-
-        <Grid container direction="column">
-            <Grid item>
-                <CssBaseline />
-                <Header />
-            </Grid>
-             <Grid item container>
-                 <Grid item xs={false} sm={2} />
-                 <Grid item xs={12} sm={8} >
-
-                 </Grid>
-                 <Grid item xs={false} sm={2} />
-             </Grid>
-        </Grid>
-
-    );
-};
-
-export default HomePage;
\ No newline at end of file
+export const HomePage: FC = () => (
+  <Grid container direction="column">
+    <Grid item>
+      <CssBaseline />
+      <Header />
+    </Grid>
+    <Grid item container>
+      <Grid item xs={false} sm={2} />
+      <Grid item xs={12} sm={8}>
+        Content
+      </Grid>
+      <Grid item xs={false} sm={2} />
+    </Grid>
+  </Grid>
+);