diff --git a/src/components/PaginationComponent.vue b/src/components/PaginationComponent.vue
index f400d95c..632e06b5 100644
--- a/src/components/PaginationComponent.vue
+++ b/src/components/PaginationComponent.vue
@@ -12,11 +12,12 @@ withDefaults(
 
 <template>
   <q-pagination
-    claess="pagination"
     v-model="currentPage"
+    text-color="primary"
     :max="maxPage"
     direction-links
-    active-color="primary"
+    active-color="grey-8"
+    active-design="outline"
     gutter="sm"
     @update:model-value="fetchData"
   />