diff --git a/src/admin_analytics/dashboard/assets/style.css b/src/admin_analytics/dashboard/assets/style.css
index 90cec0a..ba140a7 100644
--- a/src/admin_analytics/dashboard/assets/style.css
+++ b/src/admin_analytics/dashboard/assets/style.css
@@ -144,6 +144,38 @@ body {
         font-size: 1.3rem;
     }
 
+    /* Compensation table: drop Role (it mostly restates Title) and wrap
+       Title so the pay columns sit about one swipe away. */
+    #comp-table [data-dash-column="canonical_role"] {
+        display: none;
+    }
+
+    #comp-table td[data-dash-column="title"],
+    #comp-table th[data-dash-column="title"] {
+        min-width: 140px !important;
+        max-width: 140px !important;
+        width: 140px !important;
+    }
+
+    #comp-table td[data-dash-column="title"] .dash-cell-value {
+        white-space: normal !important;
+        overflow-wrap: anywhere;
+    }
+
+    /* Scroll hint: fade the right edge of every data table's visible area.
+       A mask is fixed to the box, not the scrolled content, so the fade
+       stays at the screen edge while swiping. Extra padding after the last
+       column means the fade covers empty space once scrolled to the end. */
+    .dash-spreadsheet-container {
+        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
+        mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
+    }
+
+    .dash-spreadsheet-container td:last-child,
+    .dash-spreadsheet-container th:last-child {
+        padding-right: 40px !important;
+    }
+
     /* Charts are view-only on phones; the toolbar overlaps titles. */
     .modebar-container {
         display: none;