Copied and pasted most recent App.jsx into Dashboard.jsx

client/src/components/layout/Dashboard.jsx

@@ -25,9 +25,27 @@ export default function Dashboard() {
           }
 
           .react-resizable-handle-se {
-          position: sticky;
-          right: 0;
+            position: absolute;
             bottom: 0;
+            z-index: 1;
+            border-radius: 5px;
+          }
+
+          * {
+            scrollbar-width: thin;              /* Firefox */
+            scrollbar-color: #a0aec0 transparent; /* Firefox */
+          }
+
+          /* Chrome, Edge, Safari */
+          ::-webkit-scrollbar {
+            width: 8px;
+          }
+          ::-webkit-scrollbar-thumb {
+            background-color: rgba(100, 100, 100, 0.4);
+            border-radius: 4px;
+          }
+          ::-webkit-scrollbar-track {
+            background: transparent;
           }
         `}
       />
@@ -41,14 +59,12 @@ export default function Dashboard() {
           <Header />
         </GridItem>
         <GridItem colSpan={1}>
-        <Sidebar onChangeView={ setView } />
+          <Sidebar />
         </GridItem>
         <GridItem colSpan={1} width="100%">
-        <Canvas view={ view }/>
+          <Canvas />
         </GridItem> 
       </Grid>
     </>
   );
 }
-
-