diff --git a/templates/base.html b/templates/base.html
index aec68af..6375e5a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -432,6 +432,35 @@
         .trade-table .cell-readonly{color:var(--text-primary)}
         .records-trade-card{overflow:visible}
         .records-trade-card .card-body{overflow:visible}
+        .records-trade-card .trade-table-wrap{
+            --rec-row-h:2.35rem;
+            --rec-head-h:2.1rem;
+            overflow:auto;
+            height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
+            max-height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
+            width:100%;
+            -webkit-overflow-scrolling:touch;
+            border-radius:10px;
+            border:1px solid var(--card-border);
+            background:var(--card-inner);
+        }
+        .records-trade-card .trade-table thead th{
+            position:sticky;
+            top:0;
+            z-index:2;
+            background:var(--card-inner);
+            box-shadow:0 1px 0 var(--table-border);
+        }
+        .records-trade-card .trade-table thead th:last-child{
+            z-index:5;
+            background:var(--card-inner);
+        }
+        .records-trade-card .trade-table tbody td{
+            background:var(--card-inner);
+        }
+        .records-trade-card .trade-table tbody td:last-child{
+            background:var(--card-inner);
+        }
         .trade-actions{display:flex;gap:.35rem;flex-wrap:nowrap;align-items:center;min-width:230px;white-space:nowrap}
         .trade-actions a,.trade-actions button{flex-shrink:0;white-space:nowrap;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;text-decoration:none;border:none;cursor:pointer;width:auto;min-width:0}
         .btn-fill{background:var(--dir-bg);color:var(--accent)}