From f3d858041daea9d98f95ff0316e38c039235e3e1 Mon Sep 17 00:00:00 2001
From: Patrick Rinn <144386801+PatrickRinn@users.noreply.github.com>
Date: Sun, 8 Mar 2026 00:19:55 -0800
Subject: [PATCH] its in the middle now

---
 frontend/src/pages/Dashboard.css | 17 ++++++++++++-----
 frontend/src/pages/Dashboard.jsx | 17 ++++++++++-------
 2 files changed, 22 insertions(+), 12 deletions(-)

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>
     );
 }