diff --git a/__tests__/supertest.js b/__tests__/supertest.js
index a08cb2d..9e9b800 100644
--- a/__tests__/supertest.js
+++ b/__tests__/supertest.js
@@ -5,7 +5,6 @@ const { expect } = require('chai');
 const server = 'http://localhost:3000';
 
 
-
 describe('Route integration', () => {
     describe('POST', () => {
       const buckit = {
diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index 927c7f0..b2fcaab 100644
--- a/src/components/Dashboard.jsx
+++ b/src/components/Dashboard.jsx
@@ -102,8 +102,8 @@ const Dashboard = (props) => {
 
     return (
         //Bootstrap(?) Navbar
-      <Container className = "bigger-wrapper">
-        <Container fluid className="dashboard border rounded border-dark">
+      <Container className = "wrapper">
+        <Container fluid className="dashboard border rounded border-dark ">
             <Navbar collapseOnSelect className="fixed-top" bg="dark" variant="dark">
                 <Container>
                     <Navbar.Brand href="/home">Buckit</Navbar.Brand>
diff --git a/src/components/Signup.jsx b/src/components/Signup.jsx
index 3651538..5692f95 100644
--- a/src/components/Signup.jsx
+++ b/src/components/Signup.jsx
@@ -53,12 +53,12 @@ const Signup = () => {
             />
           </Form.Group>
           <Form.Group className="d-grid gap-2">
-          <Link to={{ pathname: '/home',
-                state: {username: usernameInput}}}>
+          {/* <Link to={{ pathname: '/home',
+                state: {username: usernameInput}}}> */}
             <Button variant="primary" type="submit">
               Confirm
             </Button>
-            </Link>
+            {/* </Link> */}
           </Form.Group>
         </Form>
         {Error}
diff --git a/src/sass/styles.scss b/src/sass/styles.scss
index e180632..26070dd 100644
--- a/src/sass/styles.scss
+++ b/src/sass/styles.scss
@@ -35,6 +35,10 @@
 }
 
 .dashboard{
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
   height: 97%;
   width: 99%;
   background-color:#1e2833;
@@ -51,6 +55,7 @@ hr.solid {
 }
 
 .separator {
+  flex: 1;
   margin-top: 80px;
   margin-left: 10px;
   width: 100%;
@@ -65,6 +70,7 @@ hr.solid {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   background: rgb(255, 255, 255);
+  overflow: auto;
   }
 
 
@@ -77,6 +83,11 @@ hr.solid {
     margin: 2px;
   }
 }
+
+.wrapper {
+  display: flex;
+}
+
 // X-Small devices (portrait phones, less than 576px)
 // No media query for `xs` since this is the default in Bootstrap