diff --git a/styles/MainTheme.tsx b/styles/MainTheme.tsx
index 7d4879b..06ce16f 100644
--- a/styles/MainTheme.tsx
+++ b/styles/MainTheme.tsx
@@ -43,17 +43,23 @@ export const components = {
)
};
-const useStyles = makeStyles({
- container: {
- padding: [8, 3, 1].map(n => `${n * theme.spacing.unit}px`).join(" "),
- [theme.breakpoints.up("sm")]: {
- padding: [9, 4, 1].map(n => `${n * theme.spacing.unit}px`).join(" ")
+export const Container: React.FC<{}> = ({ children }) => {
+ const classes = makeStyles({
+ root: {
+ padding: [8, 3, 1].map(n => `${theme.spacing.unit * n}px`).join(" "),
+ [theme.breakpoints.up("sm")]: {
+ padding: [9, 4, 1].map(n => `${theme.spacing.unit * n}px`).join(" ")
+ }
}
- }
-});
+ })();
+ return (
+
+ {children}
+
+ );
+};
const MainTheme: React.FC<{}> = ({ children }) => {
- const classes = useStyles();
return (
@@ -71,9 +77,7 @@ const MainTheme: React.FC<{}> = ({ children }) => {
-
- {children}
-
+ {children}