diff --git a/site/src/components/PaginationWidget/PaginationAmount.tsx b/site/src/components/PaginationWidget/PaginationAmount.tsx
index 204825cfb7..5e9f62b3af 100644
--- a/site/src/components/PaginationWidget/PaginationAmount.tsx
+++ b/site/src/components/PaginationWidget/PaginationAmount.tsx
@@ -48,10 +48,12 @@ export const PaginationAmount: FC<PaginationHeaderProps> = ({
 
 					{totalRecords !== 0 && currentOffsetStart !== undefined && (
 						<div>
-							Showing <strong>{currentOffsetStart}</strong> to{" "}
+							Showing <strong>{currentOffsetStart.toLocaleString()}</strong> to{" "}
 							<strong>
-								{currentOffsetStart +
-									Math.min(limit - 1, totalRecords - currentOffsetStart)}
+								{(
+									currentOffsetStart +
+									Math.min(limit - 1, totalRecords - currentOffsetStart)
+								).toLocaleString()}
 							</strong>{" "}
 							of <strong>{totalRecords.toLocaleString()}</strong>{" "}
 							{paginationUnitLabel}
diff --git a/site/src/components/PaginationWidget/PaginationContainer.stories.tsx b/site/src/components/PaginationWidget/PaginationContainer.stories.tsx
index a07800108f..23ea7700b7 100644
--- a/site/src/components/PaginationWidget/PaginationContainer.stories.tsx
+++ b/site/src/components/PaginationWidget/PaginationContainer.stories.tsx
@@ -86,6 +86,22 @@ export const FirstPageWithNoData: Story = {
 	},
 };
 
+export const FirstPageWithTonsOfData: Story = {
+	args: {
+		query: {
+			...mockPaginationResultBase,
+			isSuccess: true,
+			currentPage: 2,
+			currentOffsetStart: 1000,
+			totalRecords: 123_456,
+			totalPages: 1235,
+			hasPreviousPage: false,
+			hasNextPage: true,
+			isPlaceholderData: false,
+		},
+	},
+};
+
 export const TransitionFromFirstToSecondPage: Story = {
 	args: {
 		query: {