diff --git a/src/base/Pagination/Pagination.tsx b/src/base/Pagination/Pagination.tsx
index 728ad7fee..85526ceb9 100644
--- a/src/base/Pagination/Pagination.tsx
+++ b/src/base/Pagination/Pagination.tsx
@@ -1,8 +1,13 @@
-import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';
+import {
+  Pagination as MuiPagination,
+  PaginationItem as MuiPaginationItem,
+  PaginationProps as MuiPaginationProps
+} from '@mui/material';
 import React from 'react';
 
 const Pagination = React.forwardRef<HTMLDivElement, MuiPaginationProps>((props, ref) => {
   return <MuiPagination {...props} ref={ref} />;
 });
 
+export { MuiPaginationItem as PaginationItem };
 export default Pagination;
diff --git a/src/base/Pagination/index.tsx b/src/base/Pagination/index.tsx
index 1ab1d4c17..cf0100cf7 100644
--- a/src/base/Pagination/index.tsx
+++ b/src/base/Pagination/index.tsx
@@ -1,5 +1,5 @@
 import { PaginationProps } from '@mui/material';
-import Pagination from './Pagination';
+import Pagination, { PaginationItem } from './Pagination';
 
-export { Pagination };
+export { Pagination, PaginationItem };
 export type { PaginationProps };
diff --git a/src/theme/palette.ts b/src/theme/palette.ts
index a8dda89f0..3881c6714 100644
--- a/src/theme/palette.ts
+++ b/src/theme/palette.ts
@@ -350,7 +350,7 @@ export const darkModePalette: PaletteOptions = {
       tertiary: Colors.blue[10]
     },
     success: {
-      default: Colors.green[40],
+      default: Colors.KEPPEL,
       hover: Colors.green[50],
       pressed: Colors.green[60],
       secondary: Colors.green[20],