diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css
index 4dfc8f5..74583c7 100644
--- a/apps/web/src/styles/base.css
+++ b/apps/web/src/styles/base.css
@@ -972,6 +972,13 @@ button {
 .table-scroll {
   overflow-x: auto;
   max-width: 100%;
+  /* Establishes the containing block for the table's absolutely positioned
+     descendants — the `.visually-hidden` column headings. Without it their
+     containing block is `.app-body`, so they escape this scroller's clipping,
+     keep their static position out at the table's right edge, and push the
+     PAGE (issue #301). Exactly 23px locally, 417px in CI, where different
+     font metrics make the table wider — one cause, two numbers. */
+  position: relative;
 }
 
 .table {