Fix scroll issue

src/ui/routes/MainRoute.tsx

@@ -115,8 +115,17 @@ export function MainRoute() {
 
 	return (
 		<Router>
+			<div
+				style={{
+					height: "100%",
+					display: "flex",
+					flexDirection: "column",
+				}}
+			>
+				<Toolbar></Toolbar>
+
 				<AppBar
-				position="absolute"
+					position="fixed"
 					className={classes.appBar}
 					color="primary"
 				>
@@ -145,17 +154,16 @@ export function MainRoute() {
 				<div
 					style={{
 						display: "flex",
-					height: "100%",
+						flex: "1",
 						flexDirection: "row",
 						width: "100%",
-					marginTop: "64px",
 					}}
 				>
 					<Paper style={{ width: "200px" }}>
 						<Menu></Menu>
 					</Paper>
 
-				<div style={{ flex: "1", padding: "50px", height: "100%" }}>
+					<div style={{ flex: "1", padding: "50px" }}>
 						<div
 							style={{
 								height: "100%",
@@ -179,6 +187,7 @@ export function MainRoute() {
 						</div>
 					</div>
 				</div>
+			</div>
 		</Router>
 	);
 }