diff --git a/frontend/pages/specz_catalogs.js b/frontend/pages/specz_catalogs.js
index 3e0b64c..3cdac39 100644
--- a/frontend/pages/specz_catalogs.js
+++ b/frontend/pages/specz_catalogs.js
@@ -1,11 +1,11 @@
 import React from 'react'
-import { Typography } from '@mui/material'
+import { Typography, Box } from '@mui/material'
 
 function SpeczCatalogs() {
   return (
-    <div style={{ textAlign: 'center' }}>
+    <Box sx={{ textAlign: 'center' }}>
       <Typography variant="h4">Coming soon...</Typography>
-    </div>
+    </Box>
   )
 }
 
diff --git a/frontend/pages/training_set_maker.js b/frontend/pages/training_set_maker.js
index 8744550..30fabef 100644
--- a/frontend/pages/training_set_maker.js
+++ b/frontend/pages/training_set_maker.js
@@ -1,11 +1,11 @@
 import React from 'react'
-import { Typography } from '@mui/material'
+import { Typography, Box } from '@mui/material'
 
 function TrainingSetMaker() {
   return (
-    <div style={{ textAlign: 'center' }}>
+    <Box sx={{ textAlign: 'center' }}>
       <Typography variant="h4">Coming soon...</Typography>
-    </div>
+    </Box>
   )
 }
 
diff --git a/frontend/styles/pages/banner.js b/frontend/styles/pages/banner.js
deleted file mode 100644
index bd3c8cc..0000000
--- a/frontend/styles/pages/banner.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import { makeStyles } from '@mui/styles'
-
-const useStyles = makeStyles(theme => ({
-    banner: {
-        position: 'relative',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        background: `url('/./header.jpg')`,
-        backgroundRepeat: 'no-repeat',
-        backgroundSize: 'cover',
-    },
-    container: {
-        background: 'transparent',
-        position: 'relative',
-        textAlign: 'center',
-        color: '#FFF',
-        zIndex: 2,
-        marginTop: '0'
-    },
-    titleWrapper: {
-        [theme.breakpoints.up('sm')]: {
-            justifyContent: 'center',
-            alignItems: 'center'
-        },
-        [theme.breakpoints.down('xl')]: {
-            minHeight: 180
-        },
-        [theme.breakpoints.only('xl')]: {
-            minHeight: 280
-        }
-    },
-    title: {
-        fontFamily: 'Oxanium',
-        fontWeight: 100,
-        fontSize: 50,
-        [theme.breakpoints.down('sm')]: {
-            fontSize: 48,
-            margin: `${theme.spacing(5)}px ${theme.spacing(2)}px`
-        },
-        [theme.breakpoints.down('xl')]: {
-            margin: `${theme.spacing(4)}`
-        },
-        [theme.breakpoints.only('xl')]: {
-            margin: `${theme.spacing(6)}`
-        },
-        textShadow: 'black 0.1em 0.1em 0.2em'
-    },
-}))
-
-export default useStyles