diff --git a/src/components/PaginationBar.vue b/src/components/PaginationBar.vue
index b026fd9a026922583d29cf1cd01e4fe06582d36d..558bf2b86f217069f4d77933e421d8501f61df5f 100644
--- a/src/components/PaginationBar.vue
+++ b/src/components/PaginationBar.vue
@@ -3,7 +3,11 @@
     <button
       v-for="(page, index) in pages"
       :key="index"
-      class="mr-2 last:mr-0"
+      class="mr-2 last:mr-0 text-lg"
+      :class="{
+        'text-red-800': page === currentPage,
+        'font-bold': page === currentPage,
+      }"
       @click="$emit('onPageChange', page)"
     >
       {{ page }}
@@ -30,7 +34,7 @@ export default {
     // 1 ... 3 [4] 5 ... 12 (4 is the selected page)
     // [1] 2 ... 12
     // 1 2 [3] 4 ... 12
-    // The bar always shows the first and last pages, the selected page and 2 pages 
+    // The bar always shows the first and last pages, the selected page and 2 pages
     // that are offset by 1 to the selected page
     pages: function () {
       return [
@@ -45,4 +49,4 @@ export default {
     },
   },
 };
-</script>
\ No newline at end of file
+</script>