Hotfix to allow pages to scroll

src/components/Container/Container.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Sidebar from "../Sidebar/Sidebar";
+import styles from "../../styles";
 
 export interface props {
   children: React.ReactNode;
@@ -8,13 +9,11 @@ export interface props {
 export default function Container(props: props) {
   return (
     <div>
-      <div style={{ display: "flex", flexDirection: "row" }}>
-        <div style={{ width: "85%", position: "fixed", left: "15%" }}>
-          {props.children}
-        </div>
+      <div>
         <div style={{ width: "15%", position: "fixed" }}>
           <Sidebar />
         </div>
+        <div style={styles.route_wrapper}>{props.children}</div>
       </div>
     </div>
   );

src/routes/Dashboard/Dashboard.tsx

@@ -5,12 +5,10 @@ import styles from "../../styles";
 
 export default function Dashboard() {
   return (
-    <div style={styles.background}>
-      <div style={styles.container}>
-        <AppLogo size={64} color="#6f9b78" />
-        <p style={styles.text}>Ivy - Inventory Manager</p>
-        <p style={styles.text}>Welcome to the Dashboard</p>
-      </div>
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Welcome to the Dashboard</p>
     </div>
   );
 }

src/styles.tsx

@@ -1,14 +1,17 @@
 const styles: { [key: string]: React.CSSProperties } = {
-  background: {
+  route_wrapper: {
+    width: "85%",
+    position: "fixed",
+    left: "15%",
+    overflowY: "scroll",
+    height: "100%",
     backgroundColor: "#0b2322",
-    display: "flex",
-    flexDirection: "column",
-    height: "100vh",
   },
   container: {
     display: "flex",
     flexDirection: "column",
     flex: 1,
+    height: "100%",
     alignItems: "center",
     paddingTop: 32,
   },