Remove unneccesary classes

src/CustomAppBar.js

@@ -7,26 +7,20 @@ import LightModeIcon from '@material-ui/icons/Brightness7';
 
 export default function CustomAppBar(props){
 	const useStyles = makeStyles((theme) => ({
-		root: {
-			flexGrow: 1,
-		},
 		menuButton: {
 			marginLeft: theme.spacing(2),
 		},
 		title: {
-			flexGrow: 1,
+			flexGrow: "1"
 		},
-		tooltip: {
-			fontSize: theme.typography.pxToRem(14),
-		}
 	}));
 
 	const classes = useStyles(props.theme);
 
 	const toggleDarkMode = () => props.setDarkMode(!props.darkMode);
 
 	return(
-		<div className={classes.root}>
+		<>
 			<AppBar position="fixed">
 				<Toolbar>
 					<Typography variant="h6" className={classes.title}>
@@ -35,7 +29,6 @@ export default function CustomAppBar(props){
 
 					<Tooltip title={"Turn " + (props.darkMode ? "off" : "on") + " dark mode"} 
 						arrow 
-						classes={classes.tooltip}
 						onClick={toggleDarkMode} 
 						TransitionComponent={Zoom}
 					>
@@ -51,6 +44,6 @@ export default function CustomAppBar(props){
 			</AppBar>
 			{/* Empty toolbar is to offset content below AppBar */}
 			<Toolbar />
-		</div>
+		</>
 	);
 }