diff --git a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
index e96550b5..804bb404 100644
--- a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
@@ -22,7 +22,7 @@
             </div>
             <div class="row">
                 <div class="col">
-                    <div class="col-auto b-a p-t-5 p-b-5 m-l-5 pointer b-grey pointer" v-for="n in pagination.last_page">
+                    <div class="col-auto b-a p-t-5 p-b-5 m-l-5 pointer b-grey pointer" v-for="n in pagination.last_page" @click="fetchList(n)">
                         <small class="fs-11">{{n}}</small>
                     </div>
                 </div>
@@ -41,7 +41,7 @@
             }
         },
         created(){
-
+            this.fetchList();
         },
         methods: {
             fetchList(Page = 1){