diff --git a/web/src/routes/dashboard/+page.svelte b/web/src/routes/dashboard/+page.svelte
index 8983003..189dbf7 100644
--- a/web/src/routes/dashboard/+page.svelte
+++ b/web/src/routes/dashboard/+page.svelte
@@ -26,6 +26,10 @@
   let recomputing = $state(false);
   let recomputeCooldown = $state(false);
 
+  // Fixed-position usage tooltip (escapes overflow-x: auto clipping)
+  let tipHoverId = $state<string | null>(null);
+  let tipPos = $state<{ top: number; left: number } | null>(null);
+
   async function handleRecompute() {
     if (recomputing || recomputeCooldown) return;
     recomputing = true;
@@ -182,7 +186,9 @@
                     <span>{pct(u.share_fraction)}</span>
                   </div>
                 </td>
-                <td class="num mono usage-cell" class:negative={u.shared_remaining_today_micros < 0}>
+                <td class="num mono usage-cell" class:negative={u.shared_remaining_today_micros < 0}
+                  onmouseenter={(e) => { const r = e.currentTarget.getBoundingClientRect(); tipHoverId = u.user_id; tipPos = { top: r.top - 8, left: r.left + r.width / 2 }; }}
+                  onmouseleave={() => { tipHoverId = null; tipPos = null; }}>
                   <div class="usage-wrap">
                     <div class="usage-numbers">
                       <span class="usage-used">{trim(formatUSD(u.shared_spent_today_micros + u.private_spent_today_micros))}</span>
@@ -201,7 +207,8 @@
                         {#if _privateOverW > 0}<div class="seg seg-over" style="width:{_privateOverW}%"></div>{/if}
                       {/if}
                     </div>
-                    <div class="usage-tip" role="tooltip">
+                    {#if tipHoverId === u.user_id && tipPos}
+                    <div class="usage-tip" role="tooltip" style="position:fixed;bottom:auto;top:{tipPos.top}px;left:{tipPos.left}px;transform:translate(-50%,-100%);opacity:1">
                       <div class="tip-group">
                         <div class="tip-row">
                           <span class="tip-dot dot-used"></span>
@@ -267,6 +274,7 @@
                         {/if}
                       </div>
                     </div>
+                    {/if}
                   </div>
                 </td>
               </tr>
@@ -479,7 +487,7 @@ curl {typeof window !== 'undefined' ? window.location.origin : 'https://potluck.
     position: absolute;
     bottom: calc(100% + 0.5rem);
     right: 0;
-    z-index: 10;
+    z-index: 100;
     background: var(--bg-surface);
     border: 1px solid var(--border);
     border-radius: var(--radius-md);
@@ -494,6 +502,7 @@ curl {typeof window !== 'undefined' ? window.location.origin : 'https://potluck.
     line-height: 1.4;
     white-space: normal;
   }
+  /* JS-driven fixed positioning overrides CSS hover when tipHoverId matches */
   .usage-cell:hover .usage-tip { opacity: 1; }
 
   .tip-group { display: flex; flex-direction: column; gap: 0.18rem; }
diff --git a/web/src/routes/pool/+page.svelte b/web/src/routes/pool/+page.svelte
index 7428a6e..d555fe8 100644
--- a/web/src/routes/pool/+page.svelte
+++ b/web/src/routes/pool/+page.svelte
@@ -43,6 +43,10 @@
   // Menu open state per key
   let openMenu = $state<string | null>(null);
 
+  // Fixed-position popover coordinates (to escape overflow: auto clipping)
+  let menuPos = $state<{ top: number; right: number } | null>(null);
+  let limitsPos = $state<{ top: number; right: number } | null>(null);
+
   // Syncing state
   let syncing = $state<Set<string>>(new Set());
 
@@ -163,6 +167,7 @@
     const max = key.max_micros;
     const shared = Math.max(0, Math.min(editSharedDollars * 1_000_000, max));
     editingLimitsId = null;
+    limitsPos = null;
     try {
       await updatePoolKeyLimits(id, max, shared);
       await reload();
@@ -256,7 +261,7 @@
   $effect(() => { if (editSharedDollars > editMaxDollars) editSharedDollars = editMaxDollars; });
 </script>
 
-<svelte:window onclick={() => { openMenu = null; editingLimitsId = null; }} />
+<svelte:window onclick={() => { openMenu = null; editingLimitsId = null; menuPos = null; limitsPos = null; }} />
 
 <div class="page">
   <div class="eyebrow mono">the pot · key pool</div>
@@ -399,8 +404,8 @@
                   <span class:over={(key.today_micros / (key.max_micros || 1)) > 0.8} class:syncing={syncing.has(key.id)}>{syncing.has(key.id) ? '…' : fmtMicros(key.today_micros)}</span>
                 </td>
                 <td class="num mono limits-td" onclick={(e) => editingLimitsId === key.id && e.stopPropagation()}>
-                  {#if key.mine && editingLimitsId === key.id}
-                    <div class="limits-popover" role="dialog">
+                  {#if key.mine && editingLimitsId === key.id && limitsPos}
+                    <div class="limits-popover" role="dialog" style="position:fixed;top:{limitsPos.top}px;right:{limitsPos.right}px" onclick={(e) => e.stopPropagation()}>
                       <div class="limits-row">
                         <span class="limits-label">ceiling</span>
                         <span class="limits-readonly mono">${editMaxDollars} <span class="limits-hint">(from pioneer)</span></span>
@@ -415,11 +420,11 @@
                       <div class="limits-preview mono">${editSharedDollars} shared · ${editMaxDollars - editSharedDollars} reserved</div>
                       <div class="limits-actions">
                         <button class="btn-mini" onclick={() => saveLimits(key.id)}>save</button>
-                        <button class="btn-mini btn-cancel" onclick={() => editingLimitsId = null}>cancel</button>
+                        <button class="btn-mini btn-cancel" onclick={() => { editingLimitsId = null; limitsPos = null; }}>cancel</button>
                       </div>
                     </div>
                   {:else}
-                    <button class="limits-display" onclick={() => key.mine && startEditLimits(key)} disabled={!key.mine} title={key.mine ? 'click to edit' : undefined}>
+                    <button class="limits-display" onclick={(e) => { if (!key.mine) return; e.stopPropagation(); const r = e.currentTarget.getBoundingClientRect(); limitsPos = { top: r.bottom + 4, right: window.innerWidth - r.right }; startEditLimits(key); }} disabled={!key.mine} title={key.mine ? 'click to edit' : undefined}>
                       {fmtMicros(key.shared_micros)}
                     </button>
                   {/if}
@@ -432,16 +437,16 @@
                   {#if key.mine}
                     <div class="menu-wrap">
                       <button class="menu-trigger" class:open={openMenu === key.id}
-                        onclick={(e) => { e.stopPropagation(); openMenu = openMenu === key.id ? null : key.id; }}
+                        onclick={(e) => { e.stopPropagation(); if (openMenu === key.id) { openMenu = null; menuPos = null; } else { const r = e.currentTarget.getBoundingClientRect(); menuPos = { top: r.bottom + 4, right: window.innerWidth - r.right }; openMenu = key.id; } }}
                         aria-label="actions">⋯</button>
-                      {#if openMenu === key.id}
-                        <div class="menu-popover" role="menu" tabindex="-1">
+                      {#if openMenu === key.id && menuPos}
+                        <div class="menu-popover" role="menu" tabindex="-1" style="position:fixed;top:{menuPos.top}px;right:{menuPos.right}px">
                           <button class="menu-item" role="menuitem"
-                            onclick={() => { handleToggleActive(key); openMenu = null; }}
+                            onclick={() => { handleToggleActive(key); openMenu = null; menuPos = null; }}
                           >{key.active ? 'pause' : 'activate'}</button>
                           <button class="menu-item" role="menuitem"
                             disabled={syncing.has(key.id)}
-                            onclick={() => { handleSync(key); openMenu = null; }}
+                            onclick={() => { handleSync(key); openMenu = null; menuPos = null; }}
                           >{syncing.has(key.id) ? 'syncing…' : 'sync spend'}</button>
                           <div class="menu-divider"></div>
                           <button class="menu-item danger" role="menuitem"
@@ -814,9 +819,6 @@
   }
 
   .menu-popover {
-    position: absolute;
-    right: 0;
-    top: calc(100% + 4px);
     z-index: 200;
     background: light-dark(var(--paper), var(--jet-black));
     border: 1px solid var(--border);
@@ -955,9 +957,6 @@
   .limits-display:disabled { cursor: default; }
 
   .limits-popover {
-    position: absolute;
-    right: 0;
-    top: calc(100% + 4px);
     z-index: 200;
     background: light-dark(var(--paper), var(--jet-black));
     border: 1px solid var(--border);