Disclamer

app/pages/_app.js

@@ -1,17 +1,19 @@
 import { createTheme, ThemeProvider } from '@mui/material/styles'
+import { CssBaseline } from '@mui/material'
 import 'reset-css'
 import '../styles/global.scss'
 import Layout from '../components/layout'
 
 function App ({ Component, pageProps }) {
-  const lightTheme = createTheme({
+  const theme = createTheme({
     palette: {
       mode: 'light'
     }
   })
 
   return (
-    <ThemeProvider theme={lightTheme}>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
       <Layout>
         <Component {...pageProps} />
       </Layout>

app/pages/home/Table.js

@@ -67,7 +67,12 @@ export default class Table extends Component {
 
   render () {
     return (
-      <div style={{ height: '90vh', width: '100%' }}>
+      <Box
+        sx={{
+          height: '90vh',
+          width: '100%'
+        }}
+      >
         <DataGrid
           rows={this.scanResults}
           columns={this.columns}
@@ -77,8 +82,12 @@ export default class Table extends Component {
               sortModel: [{ field: 'difference', sort: 'desc' }]
             }
           }}
+          sx={{
+            borderLeft: 'none',
+            borderRight: 'none'
+          }}
         />
-      </div>
+      </Box>
     )
   }
 }