diff --git a/packages/edit-site/src/components/dataviews/pagination.js b/packages/edit-site/src/components/dataviews/pagination.js
index bd6cb503653b07..c0da5141954173 100644
--- a/packages/edit-site/src/components/dataviews/pagination.js
+++ b/packages/edit-site/src/components/dataviews/pagination.js
@@ -11,6 +11,7 @@ import {
} from '@wordpress/components';
import { createInterpolateElement } from '@wordpress/element';
import { sprintf, __, _x, _n } from '@wordpress/i18n';
+import { chevronRight, chevronLeft, previous, next } from '@wordpress/icons';
const PAGE_SIZE_VALUES = [ 5, 20, 50 ];
function PageSizeControl( { view, onChangeView } ) {
@@ -78,9 +79,8 @@ function Pagination( {
onClick={ () => onChangeView( { ...view, page: 0 } ) }
disabled={ view.page === 0 }
aria-label={ __( 'First page' ) }
- >
- «
-
+ icon={ previous }
+ />
+ icon={ chevronLeft }
+ />
= totalPages - 1 }
aria-label={ __( 'Next page' ) }
- >
- ›
-
+ icon={ chevronRight }
+ />
+ icon={ next }
+ />
) }
diff --git a/packages/edit-site/src/components/dataviews/style.scss b/packages/edit-site/src/components/dataviews/style.scss
index 47e80782255a4a..24723cb1e38844 100644
--- a/packages/edit-site/src/components/dataviews/style.scss
+++ b/packages/edit-site/src/components/dataviews/style.scss
@@ -3,6 +3,12 @@
padding: $grid-unit-40;
}
+.dataviews-pagination {
+ position: sticky;
+ bottom: $grid-unit-20;
+ background: $white;
+}
+
.dataviews-list-view {
width: 100%;
text-indent: 0;