stykes fix

src/components/App.js

@@ -7,24 +7,18 @@ import PageNotFound from "./PageNotFound";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import SessionContainer from "../features/session/components/SessionContainer";
-import { makeStyles } from "@material-ui/core/styles";
-import { Container } from "@material-ui/core";
-
-const useStyles = makeStyles(() => ({
-  content: {
-    "padding-left": "30px",
-    "padding-right": "30px"
-  }
-}));
 
 function App() {
-  const classes = useStyles();
+  const contentStyle = {
+    "padding-left": "30px",
+    "padding-right": "30px"
+  };
 
   return (
     <div>
       <Header />
       <br />
-      <Container className={classes.content}>
+      <div style={contentStyle}>
         <Switch>
           <Route exact path="/" component={HomePage} />
           <Route path="/about" component={AboutPage} />
@@ -32,7 +26,7 @@ function App() {
           <Route component={PageNotFound} />
         </Switch>
         <ToastContainer autoClose={3000} />
-      </Container>
+      </div>
     </div>
   );
 }