diff --git a/pages/portfolio.tsx b/pages/portfolio.tsx
index fb6b769a..57bf519e 100644
--- a/pages/portfolio.tsx
+++ b/pages/portfolio.tsx
@@ -15,29 +15,29 @@ const mockedAccounts = [
   {
     id: 2,
     label: "Subaccount 2",
-    networth: 100000,
-    totalPositionValue: 150000,
-    debt: 50000,
-    profit: 25000,
-    leverage: 3,
-    maxLeverage: 5,
+    networth: 33000,
+    totalPositionValue: 11000,
+    debt: 20000,
+    profit: -11366,
+    leverage: 2,
+    maxLeverage: 10,
   },
   {
     id: 3,
     label: "Subaccount 3",
-    networth: 100000,
-    totalPositionValue: 150000,
-    debt: 50000,
-    profit: 25000,
+    networth: 0,
+    totalPositionValue: 12938129,
+    debt: 9999999999,
+    profit: -99999999,
     leverage: 3,
     maxLeverage: 5,
   },
   {
     id: 4,
     label: "Subaccount 4",
-    networth: 100000,
-    totalPositionValue: 150000,
-    debt: 50000,
+    networth: 33653.22,
+    totalPositionValue: 100000,
+    debt: 50001.9,
     profit: 25000,
     leverage: 3,
     maxLeverage: 5,
@@ -50,7 +50,41 @@ const Portfolio = () => {
       <Container className="flex-1">Portfolio Module</Container>
       <div className="grid grid-cols-2 gap-4">
         {mockedAccounts.map((account) => (
-          <Container key={account.id}>{account.label}</Container>
+          <Container key={account.id}>
+            <p className="mb-4 text-center font-bold">{account.label}</p>
+            <div className="grid grid-cols-3 gap-4">
+              <div>
+                <p>{formatCurrency(account.networth)}</p>
+                <p className="text-sm text-white/40">Net worth</p>
+              </div>
+              <div>
+                <p>{formatCurrency(account.totalPositionValue)}</p>
+                <p className="text-sm text-white/40">Total Position Value</p>
+              </div>
+              <div>
+                <p>{formatCurrency(account.debt)}</p>
+                <p className="text-sm text-white/40">Debt</p>
+              </div>
+              <div>
+                <p
+                  className={`${
+                    account.profit > 0 ? "text-green-400" : "text-red-500"
+                  }`}
+                >
+                  {formatCurrency(account.profit)}
+                </p>
+                <p className="text-sm text-white/40">P&L</p>
+              </div>
+              <div>
+                <p>{account.leverage}</p>
+                <p className="text-sm text-white/40">Current Leverage</p>
+              </div>
+              <div>
+                <p>{account.maxLeverage}</p>
+                <p className="text-sm text-white/40">Max Leverage</p>
+              </div>
+            </div>
+          </Container>
         ))}
       </div>
     </div>
@@ -58,3 +92,7 @@ const Portfolio = () => {
 };
 
 export default Portfolio;
+
+function formatCurrency(value: string | number) {
+  return Number(value).toLocaleString();
+}