diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 8e43bebba6..f404714c28 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -58,6 +58,7 @@ export * from './primitives/combobox'
 export * from './primitives/command'
 export * from './primitives/dialog'
 export * from './primitives/kbd'
+export * from './primitives/pagination'
 export * from './primitives/popover'
 export * from './primitives/radioGroup'
 export * from './primitives/select'
diff --git a/packages/ui/src/components/primitives/pagination.tsx b/packages/ui/src/components/primitives/pagination.tsx
index 3ba7fd5d78..34cb1228e5 100644
--- a/packages/ui/src/components/primitives/pagination.tsx
+++ b/packages/ui/src/components/primitives/pagination.tsx
@@ -39,7 +39,8 @@ function PaginationLink({ className, isActive, size = 'icon', ...props }: Pagina
           variant: isActive ? 'outline' : 'ghost',
           size
         }),
-        'text-foreground',
+        'text-foreground hover:text-primary hover:shadow-none hover:bg-primary/10',
+        isActive && 'bg-background text-primary',
         className
       )}
       {...props}