diff --git a/cmd/web-ui/static/app.js b/cmd/web-ui/static/app.js
index 0f1ab6b..1b57e22 100644
--- a/cmd/web-ui/static/app.js
+++ b/cmd/web-ui/static/app.js
@@ -624,16 +624,16 @@
           <p class="empty-state">Loading agent activity...</p>
         </div>
         <div class="stats-panel">
-          <div class="stat-card">
+          <div class="stat-card" style="--card-accent:var(--accent)">
             <div class="stat-card-title">Messages</div>
             <div class="stat-card-value" id="stat-messages">0</div>
             <div class="stat-card-sub">received and sent</div>
           </div>
-          <div class="stat-card">
+          <div class="stat-card" style="--card-accent:var(--purple)">
             <div class="stat-card-title">Tool Calls</div>
             <div class="stat-card-value" id="stat-tools">0</div>
           </div>
-          <div class="stat-card">
+          <div class="stat-card" style="--card-accent:var(--error)">
             <div class="stat-card-title">Errors</div>
             <div class="stat-card-value" id="stat-errors">0</div>
           </div>
diff --git a/cmd/web-ui/static/style.css b/cmd/web-ui/static/style.css
index 5d6f0a4..fde4d06 100644
--- a/cmd/web-ui/static/style.css
+++ b/cmd/web-ui/static/style.css
@@ -795,8 +795,9 @@ tr.expandable:hover .expand-icon::before {
 
 .timeline-event-time {
   font-family: var(--font-mono);
-  font-size: 0.68rem;
+  font-size: 0.65rem;
   color: var(--text-dim);
+  opacity: 0.6;
   margin-left: auto;
 }
 
@@ -874,6 +875,7 @@ tr.expandable:hover .expand-icon::before {
 .stat-card {
   background: var(--surface);
   border: 1px solid var(--border);
+  border-top: 2px solid var(--card-accent, var(--border));
   border-radius: var(--radius-lg);
   padding: 1rem;
 }