diff --git a/src/components/todo/ListComponent.vue b/src/components/todo/ListComponent.vue
index c092f63..2413e5e 100644
--- a/src/components/todo/ListComponent.vue
+++ b/src/components/todo/ListComponent.vue
@@ -117,17 +117,20 @@
           <p>{{ selectedRows }}</p>
         </b-col>
         <b-col>
-          <template>
-            <b-pagination
-              v-model="currentPage"
-              :total-rows="total"
-              :per-page="perPage"
-              @page-click="pageClick"
-              aria-controls="todoTable"
-              size="lg"
-              class="justify-content-center"
-            ></b-pagination>
-          </template>
+          <b-pagination
+            v-model="currentPage"
+            :total-rows="total"
+            :per-page="perPage"
+            @page-click="pageClick"
+            last-number
+            aria-controls="todoTable"
+            class="justify-content-center"
+          >
+            <template #page="{ page, active }">
+              <b v-if="active">{{ page }}</b>
+              <i v-else>{{ page }}</i>
+            </template>
+          </b-pagination>
         </b-col>
         <b-col>
           <b-input-group class="justify-content-end">