From b0efce13becbb8e46115c4bc02b8a00124dcb066 Mon Sep 17 00:00:00 2001
From: Emma Indal <emmai@spotify.com>
Date: Thu, 11 Nov 2021 10:44:11 +0100
Subject: [PATCH] update terminology of pager buttons, update size and margin

Signed-off-by: Emma Indal <emmai@spotify.com>
---
 .../src/components/SearchResultPager/SearchResultPager.tsx  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/plugins/search/src/components/SearchResultPager/SearchResultPager.tsx b/plugins/search/src/components/SearchResultPager/SearchResultPager.tsx
index f1850772bb..12f07530ef 100644
--- a/plugins/search/src/components/SearchResultPager/SearchResultPager.tsx
+++ b/plugins/search/src/components/SearchResultPager/SearchResultPager.tsx
@@ -25,7 +25,7 @@ const useStyles = makeStyles(theme => ({
     display: 'flex',
     justifyContent: 'space-between',
     gap: theme.spacing(2),
-    margin: theme.spacing(4),
+    margin: theme.spacing(2, 0),
   },
 }));
 
@@ -44,9 +44,8 @@ export const SearchResultPager = () => {
         disabled={!fetchPreviousPage}
         onClick={fetchPreviousPage}
         startIcon={<ArrowBackIosIcon />}
-        size="small"
       >
-        Back
+        Previous
       </Button>
 
       <Button
@@ -54,7 +53,6 @@ export const SearchResultPager = () => {
         disabled={!fetchNextPage}
         onClick={fetchNextPage}
         endIcon={<ArrowForwardIosIcon />}
-        size="small"
       >
         Next
       </Button>