From c0fe1fb75c362130020704504cbe7a6666a371e7 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Thu, 22 Feb 2024 16:52:14 +0000
Subject: [PATCH] Update page selector (#59284)

Unlinked contributors: pablohoneyhoney.

Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
Co-authored-by: jasmussen <joen@git.wordpress.org>
---
 packages/dataviews/src/pagination.js | 7 ++++++-
 packages/dataviews/src/style.scss    | 7 +++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/dataviews/src/pagination.js b/packages/dataviews/src/pagination.js
index f69d7c7a12e19..4e44b5e9ca4b2 100644
--- a/packages/dataviews/src/pagination.js
+++ b/packages/dataviews/src/pagination.js
@@ -27,7 +27,12 @@ const Pagination = memo( function Pagination( {
 				justify="end"
 				className="dataviews-pagination"
 			>
-				<HStack justify="flex-start" expanded={ false } spacing={ 2 }>
+				<HStack
+					justify="flex-start"
+					expanded={ false }
+					spacing={ 2 }
+					className="dataviews-pagination__page-selection"
+				>
 					{ createInterpolateElement(
 						sprintf(
 							// translators: %s: Total number of pages.
diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index 221b193442d36..10e3b511cc58a 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -38,6 +38,13 @@
 	color: $gray-700;
 }
 
+.dataviews-pagination__page-selection {
+	font-size: 11px;
+	text-transform: uppercase;
+	font-weight: 500;
+	color: $gray-900;
+}
+
 .dataviews-filters-options {
 	margin: $grid-unit-40 0 $grid-unit-20;
 }