From c3e3249a2afe4e997763aee968ab90a9ab9a63d1 Mon Sep 17 00:00:00 2001
From: Jake Howell <jake@hwll.me>
Date: Wed, 7 Jan 2026 10:46:04 +1100
Subject: [PATCH] fix: manually override pagination sizes (#21424)

Closes #21260

Pagination buttons could overflow their container on narrower pages
(e.g. audit / logs) because the page button was effectively fixed-width.
This updates the pagination button styling to allow it to expand with
its content (`min-w-8 w-auto`), preventing overflow while keeping the
same icon-button look.

| Previously | Now |
| --- | --- |
| <img width="451" height="118" alt="pagination-old-treatment"
src="https://github.com/user-attachments/assets/ae77e604-89fb-4dc3-9233-d103494e1906"
/> | <img width="451" height="118" alt="pagination-new-treatment"
src="https://github.com/user-attachments/assets/5a948d8a-4643-4eff-95b9-4c2852850447"
/> |
---
 site/src/components/PaginationWidget/PageButtons.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/src/components/PaginationWidget/PageButtons.tsx b/site/src/components/PaginationWidget/PageButtons.tsx
index 666720b62b..117bba1924 100644
--- a/site/src/components/PaginationWidget/PageButtons.tsx
+++ b/site/src/components/PaginationWidget/PageButtons.tsx
@@ -74,6 +74,7 @@ const BasePageButton: FC<BasePageButtonProps> = ({
 			name={name}
 			disabled={disabled}
 			onClick={onClick}
+			className="min-w-8 w-auto"
 		>
 			{children}
 		</Button>