diff --git a/services/web-ui/public/tokens.html b/services/web-ui/public/tokens.html
index 7b69820..d3c3b35 100644
--- a/services/web-ui/public/tokens.html
+++ b/services/web-ui/public/tokens.html
@@ -7,6 +7,7 @@
   <title>Token Pricing — Z-AMPP</title>
   <link rel="stylesheet" href="/dist/app.css">
   <style>
+    body { margin: 0; }
     /* GV-flavored teal-on-dark just to lean into the parody */
     .tok-main {
       flex: 1; overflow: auto;
@@ -313,7 +314,7 @@
 </head>
 <body>
 
-<div class="wd-shell">
+<div class="wd-shell" style="display:flex;min-height:100vh;">
   <nav class="wd-sidebar" aria-label="Main navigation">
     <div class="wd-sidebar-header">
       <img src="img/dragon-logo.png?v=1" alt="Wild Dragon" style="width:18px;height:18px;">
@@ -388,30 +389,16 @@
     </div>
   </nav>
 
-  <div class="sidebar-footer">
-      <div class="sidebar-user">
-        <div class="sidebar-user-avatar" id="userAvatar">?</div>
-        <div class="sidebar-user-info">
-          <div class="sidebar-user-name" id="userName">—</div>
-          <div class="sidebar-user-role" id="userRole"></div>
-        </div>
-        <button class="btn btn-ghost" id="logoutBtn" title="Sign out" style="padding:0;width:24px;height:24px;flex-shrink:0;">
-          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="14" height="14"><path d="M10 8H3M6 5l-3 3 3 3"/><path d="M7 3h5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7"/></svg>
-        </button>
+  <main class="tok-main" style="flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column;">
+    <header style="display:flex;align-items:center;justify-content:space-between;height:48px;border-bottom:1px solid var(--border-faint);padding:0 24px;flex-shrink:0;">
+      <div style="display:flex;align-items:center;gap:10px;">
+        <span style="font:600 14px/1 var(--font);color:var(--text-primary);letter-spacing:-0.005em;">Token Pricing</span>
+        <span style="color:var(--text-tertiary);">/</span>
+        <span style="font:400 12px/1 var(--font);color:var(--text-tertiary);">Enterprise Compute Compliance Engine v4.7</span>
       </div>
-    </div>
-  </nav>
+      <button class="wd-btn wd-btn--ghost wd-btn--sm" onclick="alert('Your account executive will be in touch.
 
-  <div class="main tok-main">
-    <header class="topbar">
-      <div class="topbar-left">
-        <span class="page-title">Token Pricing</span>
-        <span class="topbar-sep">/</span>
-        <span class="text-sm" style="color:var(--text-tertiary)">Enterprise Compute Compliance Engine v4.7</span>
-      </div>
-      <div class="topbar-right">
-        <button class="btn btn-ghost btn-sm" onclick="alert('Your account executive will be in touch.\\n\\nEstimated response time: 6–12 business days.')">Talk to sales</button>
-      </div>
+Estimated response time: 6-12 business days.')">Talk to sales</button>
     </header>
 
     <div class="tok-wrap">
@@ -648,8 +635,8 @@
       </div>
 
     </div>
-  </div>
-</div>
+  </main>
+</div><!-- /wd-shell -->
 
 <script src="js/api.js?v=6"></script>
 <script src="js/topbar-strip.js?v=1"></script>
