diff --git a/frontend/src/pages/Dashboard.css b/frontend/src/pages/Dashboard.css
index 2c6a6b1..985815f 100644
--- a/frontend/src/pages/Dashboard.css
+++ b/frontend/src/pages/Dashboard.css
@@ -1,11 +1,18 @@
 .dashboard {
-    position: relative;
+    display: flex;
+    flex-direction: column;
     width: 100%;
     min-height: 100vh;
+    background-color: #faf6ef;
 }
 
-.dashboard-bottom-left {
-    position: fixed;
-    bottom: 24px;
-    left: 24px;
+.dashboard-main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    padding: 2rem;
+    width: 100%;
 }
+
diff --git a/frontend/src/pages/Dashboard.jsx b/frontend/src/pages/Dashboard.jsx
index 1e926df..2fb8049 100644
--- a/frontend/src/pages/Dashboard.jsx
+++ b/frontend/src/pages/Dashboard.jsx
@@ -1,16 +1,19 @@
 import Orders from "../components/Orders/Orders.jsx";
 import "./Dashboard.css";
 import Header from "../components/Header/Header.jsx";
+import { useAuth } from "../contexts/useAuth";
+
+function Dashboard() {
+    const { user } = useAuth();
 
-function Dashboard({ account, setAccount }) {
     return (
         <div className="dashboard">
-            <div className="header">
-                <Header account={account} setAccount={setAccount} />
-            </div>
-            <div className="dashboard-bottom-left">
-                <Orders />
-            </div>
+            <Header />
+            <main className="dashboard-main">
+                <div className="orders-section">
+                    <Orders />
+                </div>
+            </main>
         </div>
     );
 }