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" > - + { 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; }