feat: add CssBaseline to BenzinThemeProvider

2 files changed, 3 insertions, 2 deletions

diff --git a/src/index.js b/src/index.js
index 6fca3b6..1aec963 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 
-import { CssBaseline, makeStyles, Button } from '@material-ui/core';
+import { makeStyles, Button } from '@material-ui/core';
 
 import {
   BenzinThemeProvider,
@@ -40,7 +40,6 @@ const App = () => {
 
   return (
     <BenzinThemeProvider>
-      <CssBaseline />
       <Header
         logo={{
           icon: Icon1,
diff --git a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
index 6218308..8e52ed4 100644
--- a/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
+++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import { CssBaseline } from '@material-ui/core';
 import 'typeface-roboto';
 
 
@@ -29,6 +30,7 @@ const benzinTheme = createMuiTheme({
 
 const BenzinThemeProvider = ({ children }) => (
   <ThemeProvider theme={benzinTheme}>
+    <CssBaseline />
     {children}
   </ThemeProvider>
 );