diff --git a/dashboard-next/src/components/obi-detail.tsx b/dashboard-next/src/components/obi-detail.tsx
index 8976e7c..f1498a4 100644
--- a/dashboard-next/src/components/obi-detail.tsx
+++ b/dashboard-next/src/components/obi-detail.tsx
@@ -5,6 +5,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card } from "@/components/ui/card";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { DepthMapPlotly } from "@/components/depth-map-plotly";
+import OrderBookDepthMap from "@/components/orderbook-depth-map";
 import { EquityChart } from "@/components/equity-chart";
 import {
   type L2Snapshot, type SurfaceData, type ImbalanceMetrics,
@@ -161,6 +162,10 @@ export function OBIDetail({ strategy, strategyName, equityData, trades, liveData
           <p className="text-xs text-muted-foreground text-center py-8">No trades recorded yet</p>
         )}
       </div>
+      {/* Live L2 Order Book + Trade Tape */}
+      <div className="mt-6">
+        <OrderBookDepthMap coin="BTC" height={480} topRatio={0.55} />
+      </div>
     </div>
   );
 }