diff --git a/web/src/components/AILearning.tsx b/web/src/components/AILearning.tsx
index 8ef1a840..20da61d2 100644
--- a/web/src/components/AILearning.tsx
+++ b/web/src/components/AILearning.tsx
@@ -6,8 +6,12 @@ import { api } from '../lib/api';
 interface TradeOutcome {
   symbol: string;
   side: string;
+  quantity: number;
+  leverage: number;
   open_price: number;
   close_price: number;
+  position_value: number;
+  margin_used: number;
   pn_l: number;
   pn_l_pct: number;
   duration: string;
@@ -558,6 +562,34 @@ export default function AILearning({ traderId }: AILearningProps) {
                       </div>
                     </div>
 
+                    {/* Position Details */}
+                    <div className="grid grid-cols-2 gap-2 mb-3 text-xs">
+                      <div>
+                        <div style={{ color: '#94A3B8' }}>Quantity</div>
+                        <div className="font-mono font-semibold" style={{ color: '#CBD5E1' }}>
+                          {trade.quantity ? trade.quantity.toFixed(4) : '-'}
+                        </div>
+                      </div>
+                      <div className="text-right">
+                        <div style={{ color: '#94A3B8' }}>Leverage</div>
+                        <div className="font-mono font-semibold" style={{ color: '#FCD34D' }}>
+                          {trade.leverage ? `${trade.leverage}x` : '-'}
+                        </div>
+                      </div>
+                      <div>
+                        <div style={{ color: '#94A3B8' }}>Position Value</div>
+                        <div className="font-mono font-semibold" style={{ color: '#CBD5E1' }}>
+                          {trade.position_value ? `$${trade.position_value.toFixed(2)}` : '-'}
+                        </div>
+                      </div>
+                      <div className="text-right">
+                        <div style={{ color: '#94A3B8' }}>Margin Used</div>
+                        <div className="font-mono font-semibold" style={{ color: '#A78BFA' }}>
+                          {trade.margin_used ? `$${trade.margin_used.toFixed(2)}` : '-'}
+                        </div>
+                      </div>
+                    </div>
+
                     <div className="rounded-lg p-2 mb-2" style={{
                       background: isProfitable ? 'rgba(16, 185, 129, 0.1)' : 'rgba(248, 113, 113, 0.1)'
                     }}>