From e3154e35abc9b9d74d451062ec5b1e98c78ca962 Mon Sep 17 00:00:00 2001
From: Andrea Vesterhus <andrea.vesterhus@bouvet.no>
Date: Mon, 24 Jun 2024 18:22:21 +0200
Subject: [PATCH] refactor: less invasive select in pagination

---
 .../src/common/Pagination/Pagination.tsx      | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/packages/dm-core-plugins/src/common/Pagination/Pagination.tsx b/packages/dm-core-plugins/src/common/Pagination/Pagination.tsx
index 37b43b4d1..030adda06 100644
--- a/packages/dm-core-plugins/src/common/Pagination/Pagination.tsx
+++ b/packages/dm-core-plugins/src/common/Pagination/Pagination.tsx
@@ -1,10 +1,4 @@
-import {
-  Button,
-  EdsProvider,
-  Icon,
-  NativeSelect,
-  Typography,
-} from '@equinor/eds-core-react'
+import { Button, EdsProvider, Icon, Typography } from '@equinor/eds-core-react'
 import { chevron_left, chevron_right } from '@equinor/eds-icons'
 import { useMemo } from 'react'
 import { Stack } from '..'
@@ -49,17 +43,20 @@ export function Pagination(props: PaginationProps) {
           <Typography variant='label' group='input'>
             Rows per page:{' '}
           </Typography>
-          <NativeSelect
+          <select
             id='rowsPerPage'
-            label=''
             value={rowsPerPage}
             onChange={(event) => setRowsPerPage(Number(event.target.value))}
-            style={{ width: '70px' }}
+            style={{
+              background: 'none',
+              border: 'none',
+              width: '3rem',
+            }}
           >
             {paginationSizes.map((amount) => (
               <option key={amount}>{amount}</option>
             ))}
-          </NativeSelect>
+          </select>
         </Stack>
         <Stack spacing={0.5} alignItems='center'>
           <Typography variant='meta'>