diff --git a/frontend/src/styles/styles.css b/frontend/src/styles/styles.css
index 5c1803a..074dae0 100644
--- a/frontend/src/styles/styles.css
+++ b/frontend/src/styles/styles.css
@@ -1072,12 +1072,27 @@ canvas { width: 100%; max-width: 100%; display: block; }
   overflow: visible;
 }
 .inbox-queue .page-info { width: 100%; }
-.inbox-queue .page-controls { flex-wrap: wrap; }
+/* "of N" repeats the Showing line one row up — drop it in the queue column. */
+.inbox-queue .page-size-total { display: none; }
+.inbox-queue .page-size { margin-right: 0; }
+.inbox-queue .page-controls {
+  flex-wrap: wrap;
+  justify-content: space-between;
+  row-gap: 8px;
+}
 .inbox-queue .page-nav {
   justify-content: flex-start;
-  flex: 1 1 100%;
-  width: 100%;
+  flex: 1 1 auto;
+  width: auto;
+  min-width: 0;
+  flex-wrap: wrap;
+  gap: 3px;
+  row-gap: 4px;
 }
+.inbox-queue .page-nums { flex-wrap: wrap; gap: 3px; row-gap: 4px; }
+/* Slimmer buttons: nine controls (4 chevrons + up to 5 numbers) fit the
+   ~350px split column on one row. */
+.inbox-queue .page-btn { min-width: 31px; height: 31px; padding: 0 6px; }
 .inbox-bulk-bar {
   display: flex;
   align-items: center;