From c97923fa983b286cc2084e620b719f875cd47268 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Thu, 22 Feb 2024 16:15:46 +0000
Subject: [PATCH] Update page selector

---
 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 cd293b46d4a47..87fe522f3dea6 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -44,6 +44,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;
 }