refactor: less invasive select in pagination

equinor · Jun 24, 2024 · 0a8b905 · 0a8b905
1 parent a3c9b50
commit 0a8b905
Showing 1 changed file with 8 additions and 11 deletions.
diff --git 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'>