diff --git a/src/components/Filters.vue b/src/components/Filters.vue
index 7e5daf04..77bf3ef4 100644
--- a/src/components/Filters.vue
+++ b/src/components/Filters.vue
@@ -22,6 +22,16 @@
           <ion-checkbox :value="query.noFacility" @ionChange="updateQuery('noFacility', $event.detail.checked)">{{ translate("No facility") }}</ion-checkbox>
         </ion-item>
 
+        <ion-item lines="none">
+          <ion-icon slot="start" :icon="swapVerticalOutline" />
+          <ion-select :label="translate('Sort by')" :value="query.sortBy" @ionChange="updateQuery('sortBy', $event.detail.value)" interface="popover">
+            <ion-select-option value="dueDate desc">{{ translate("Farthest due") }}</ion-select-option>
+            <ion-select-option value="dueDate asc">{{ translate("Nearest due") }}</ion-select-option>
+            <ion-select-option value="countImportName asc">{{ translate("Name - A to Z") }}</ion-select-option>
+            <ion-select-option value="countImportName desc">{{ translate("Name - Z to A") }}</ion-select-option>
+          </ion-select>
+        </ion-item>
+
         <template v-if="showAdditionalFilters().selectedFacilities">
           <ion-item v-for="facilityId in query.facilityIds" :key="facilityId">
             <ion-label>{{ getFacilityName(facilityId) }}</ion-label>
@@ -137,7 +147,7 @@ import {
   IonToolbar
 } from "@ionic/vue";
 import { computed, ref } from "vue";
-import { closeCircleOutline, businessOutline, gitBranchOutline, gitPullRequestOutline, locateOutline } from "ionicons/icons";
+import { closeCircleOutline, businessOutline, gitBranchOutline, gitPullRequestOutline, locateOutline, swapVerticalOutline } from "ionicons/icons";
 import { translate } from '@/i18n'
 import store from "@/store";
 import router from "@/router";
diff --git a/src/locales/en.json b/src/locales/en.json
index deffc6c0..3c59b012 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -116,6 +116,7 @@
   "Failed to submit cycle count for review": "Failed to submit cycle count for review",
   "Failed to update items": "Failed to update items",
   "Failed to update cycle count information": "Failed to update cycle count information",
+  "Farthest due": "Farthest due",
   "Fetching cycle counts...": "Fetching cycle counts...",
   "Field mapping name": "Field mapping name",
   "File uploaded successfully.": "File uploaded successfully.",
@@ -161,8 +162,11 @@
   "Make sure you've reviewed the products and their counts before uploading them for review": "Make sure you've reviewed the products and their counts before uploading them for review",
   "Map all required fields": "Map all required fields",
   "Mapping name": "Mapping name",
+  "Name - A to Z": "Name - A to Z",
+  "Name - Z to A": "Name - Z to A",
   "New Count": "New Count",
   "New mapping": "New mapping",
+  "Nearest due": "Nearest due",
   "No cycle counts found": "No cycle counts found",
   "No data found": "No data found",
   "No items found": "No items found",
@@ -272,6 +276,7 @@
   "Something went wrong": "Something went wrong",
   "Something went wrong, please try again": "Something went wrong, please try again",
   "Something went wrong while login. Please contact administrator": "Something went wrong while login. Please contact administrator.",
+  "Sort by": "Sort by",
   "Specify which facility you want to operate from. Order, inventory and other configuration data will be specific to the facility you select.": "Specify which facility you want to operate from. Order, inventory and other configuration data will be specific to the facility you select.",
   "Status": "Status",
   "STAY": "STAY",
diff --git a/src/store/modules/count/CountState.ts b/src/store/modules/count/CountState.ts
index 4b52658b..84710bc4 100644
--- a/src/store/modules/count/CountState.ts
+++ b/src/store/modules/count/CountState.ts
@@ -1,9 +1,12 @@
 export default interface CountState {
   list: Array<any>,
   total: number,
+  isScrollable: boolean,
   query: {
     facilityIds: Array<string>,
-    noFacility: boolean
+    noFacility: boolean,
+    queryString: string,
+    sortBy: string
   },
   stats: any;
   cycleCounts: any;
diff --git a/src/store/modules/count/actions.ts b/src/store/modules/count/actions.ts
index 357257d4..7dfb0283 100644
--- a/src/store/modules/count/actions.ts
+++ b/src/store/modules/count/actions.ts
@@ -4,7 +4,6 @@ import CountState from "./CountState"
 import * as types from "./mutation-types"
 import { CountService } from "@/services/CountService"
 import { hasError, showToast } from "@/utils"
-import emitter from "@/event-bus"
 import { translate } from "@/i18n"
 import router from "@/router"
 import logger from "@/logger";
@@ -12,12 +11,17 @@ import { DateTime } from "luxon"
 
 const actions: ActionTree<CountState, RootState> = {
   async fetchCycleCounts({ commit, dispatch, state }, payload) {
-    emitter.emit("presentLoader", { message: "Fetching cycle counts...", backdropDismiss: false })
-    let counts: Array<any> = [], total = 0;
+    let counts = state.list ? JSON.parse(JSON.stringify(state.list)) : [], total = 0;
+    let isScrollable = true
 
     const params = {
       ...payload,
-      pageSize: 200
+    }
+    // TODO: Currently, the search functionality works only on the count name. Once the API supports searching across 
+    // multiple fields, we should include the count ID in the search parameters.
+    if(state.query.queryString.length) {
+      params["countImportName"] = state.query.queryString
+      params["countImportName_op"] = "contains"
     }
 
     if(state.query.facilityIds.length) {
@@ -34,22 +38,32 @@ const actions: ActionTree<CountState, RootState> = {
       }
     }
 
+    if(state.query.sortBy) {
+      params["orderByField"] = state.query.sortBy
+    }
+
     try {
       const resp = await CountService.fetchCycleCounts(params);
-
       if(!hasError(resp) && resp.data.length > 0) {
-        counts = resp.data
+        if(payload.pageIndex && payload.pageIndex > 0) {
+          counts = counts.concat(resp.data)
+        } else {
+          counts = resp.data
+        }
         total = resp.data.length
-
-        dispatch("fetchCycleCountStats", counts.map((count) => count.inventoryCountImportId))
+        dispatch("fetchCycleCountStats", counts.map((count: any) => count.inventoryCountImportId))
+        // Determine if more data can be fetched
+        isScrollable = resp.data.length >= payload.pageSize
       } else {
+        if (payload.pageIndex > 0) isScrollable = false
         throw "Failed to fetch the counts"
       }
     } catch(err) {
+      isScrollable = false
+      if(payload.pageIndex == 0) counts = []
       logger.error(err)
     }
-    commit(types.COUNT_LIST_UPDATED, { counts, total })
-    emitter.emit("dismissLoader")
+    commit(types.COUNT_LIST_UPDATED, { counts, total , isScrollable })
   },
 
   async fetchCycleCountStats({ commit }, inventoryCountImportIds) {
@@ -116,7 +130,11 @@ const actions: ActionTree<CountState, RootState> = {
     } else if(router.currentRoute.value.name === "Closed") {
       statusId = "INV_COUNT_COMPLETED"
     }
-    dispatch("fetchCycleCounts", { statusId })
+    dispatch("fetchCycleCounts", { pageSize: process.env.VUE_APP_VIEW_SIZE, pageIndex: 0, statusId })
+  },
+
+  async updateQueryString({ commit }, payload) {
+    commit(types.COUNT_QUERY_UPDATED, payload)
   },
 
   async clearQuery({ commit }) {
diff --git a/src/store/modules/count/getters.ts b/src/store/modules/count/getters.ts
index e0590556..6030cf26 100644
--- a/src/store/modules/count/getters.ts
+++ b/src/store/modules/count/getters.ts
@@ -15,6 +15,9 @@ const getters: GetterTree<CountState, RootState> = {
   getCycleCountsList(state) {
     return state.cycleCounts.list ? JSON.parse(JSON.stringify(state.cycleCounts.list)) : []
   },
+  isCycleCountListScrollable(state) {
+    return state.isScrollable
+  },
   isCycleCountScrollable(state) {
     return state.cycleCounts.isScrollable
   },
diff --git a/src/store/modules/count/index.ts b/src/store/modules/count/index.ts
index 65ab3272..097625d1 100644
--- a/src/store/modules/count/index.ts
+++ b/src/store/modules/count/index.ts
@@ -10,9 +10,12 @@ const countModule: Module<CountState, RootState> = {
   state: {
     list: [],
     total: 0,
+    isScrollable: true,
     query: {
       facilityIds: [],
-      noFacility: false
+      noFacility: false,
+      queryString: '',
+      sortBy: 'dueDate desc'
     },
     stats: {},
     cycleCountImportSystemMessages:[],
diff --git a/src/store/modules/count/mutations.ts b/src/store/modules/count/mutations.ts
index d1a128bc..1f49894c 100644
--- a/src/store/modules/count/mutations.ts
+++ b/src/store/modules/count/mutations.ts
@@ -6,6 +6,7 @@ const mutations: MutationTree <CountState> = {
   [types.COUNT_LIST_UPDATED](state, payload) {
     state.list = payload.counts
     state.total = payload.total
+    state.isScrollable = payload.isScrollable;
   },
   [types.COUNT_QUERY_UPDATED](state, payload) {
     (state.query as any)[payload.key] = payload.value
@@ -13,7 +14,9 @@ const mutations: MutationTree <CountState> = {
   [types.COUNT_QUERY_CLEARED](state) {
     state.query = {
       facilityIds: [],
-      noFacility: false
+      noFacility: false,
+      queryString: '',
+      sortBy: 'dueDate desc'
     }
   },
   [types.COUNT_STATS_UPDATED](state, payload) {
diff --git a/src/theme/variables.css b/src/theme/variables.css
index 1e68d4c3..c1fc6fb9 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -242,6 +242,11 @@ http://ionicframework.com/docs/theming/ */
   .list-item {
     padding: var(--spacer-sm) 0;
   }
+
+  ion-searchbar.searchbar {
+    padding-top: var(--spacer-base);
+    padding-inline: var(--spacer-sm)
+  }
 }
 
 .empty-state {
diff --git a/src/views/Assigned.vue b/src/views/Assigned.vue
index e5fa20d2..f28fbbaf 100644
--- a/src/views/Assigned.vue
+++ b/src/views/Assigned.vue
@@ -12,7 +12,8 @@
       </ion-toolbar>
     </ion-header>
 
-    <ion-content id="filter">
+    <ion-content ref="contentRef" :scroll-events="true" @ionScroll="enableScrolling()" id="filter">
+      <ion-searchbar class="searchbar" v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
       <p v-if="!cycleCounts.length" class="empty-state">
         {{ translate("No cycle counts found") }}
       </p>
@@ -47,31 +48,80 @@
           </ion-item>
         </div>
       </ion-list>
+
+      <ion-infinite-scroll ref="infiniteScrollRef" v-show="isScrollable" threshold="100px" @ionInfinite="loadMoreCycleCounts($event)">
+        <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="translate('Loading')" />
+      </ion-infinite-scroll>
     </ion-content>
   </ion-page>
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import { translate } from '@/i18n'
 import { filterOutline, storefrontOutline } from "ionicons/icons";
-import { IonBadge, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonMenuButton, IonPage, IonTitle, IonToolbar, onIonViewDidEnter, onIonViewWillLeave } from "@ionic/vue";
+import { IonBadge, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonInfiniteScroll, IonInfiniteScrollContent, IonLabel, IonList, IonMenuButton, IonPage, IonSearchbar, IonTitle, IonToolbar, onIonViewDidEnter, onIonViewWillLeave } from "@ionic/vue";
 import store from "@/store"
 import { getCycleCountStats, getDateWithOrdinalSuffix, getDerivedStatusForCount, getFacilityName } from "@/utils"
 import Filters from "@/components/Filters.vue"
 import router from "@/router"
 
 const cycleCounts = computed(() => store.getters["count/getCounts"])
+const isScrollable = computed(() => store.getters["count/isCycleCountListScrollable"])
+const query = computed(() => store.getters["count/getQuery"])
+
+const isScrollingEnabled = ref(false);
+const contentRef = ref({}) as any
+const infiniteScrollRef = ref({}) as any
 
 onIonViewDidEnter(async () => {
-  await store.dispatch("count/fetchCycleCounts", {
-    statusId: "INV_COUNT_ASSIGNED"
-  })
+  await fetchAssignedCycleCount();
 })
 
 onIonViewWillLeave(async () => {
   await store.dispatch("count/clearCycleCountList")
 })
+
+function enableScrolling() {
+  const parentElement = contentRef.value.$el
+  const scrollEl = parentElement.shadowRoot.querySelector("main[part='scroll']")
+  let scrollHeight = scrollEl.scrollHeight, infiniteHeight = infiniteScrollRef?.value?.$el?.offsetHeight, scrollTop = scrollEl.scrollTop, threshold = 100, height = scrollEl.offsetHeight
+  const distanceFromInfinite = scrollHeight - infiniteHeight - scrollTop - threshold - height
+  if(distanceFromInfinite < 0) {
+    isScrollingEnabled.value = false;
+  } else {
+    isScrollingEnabled.value = true;
+  }
+}
+
+async function updateQueryString(key: string, value: any) {
+  await store.dispatch("count/updateQueryString", { key, value })
+  fetchAssignedCycleCount();
+}
+
+async function loadMoreCycleCounts(event: any) {
+  if(!(isScrollingEnabled.value && isScrollable.value)) {
+    await event.target.complete();
+  }
+  fetchAssignedCycleCount(
+    undefined,
+    Math.ceil(
+      cycleCounts.value?.length / (process.env.VUE_APP_VIEW_SIZE as any)
+    ).toString()
+  ).then(async () => {
+    await event.target.complete()})
+}
+
+async function fetchAssignedCycleCount(vSize?: any, vIndex?: any) {
+  const pageSize = vSize ? vSize : process.env.VUE_APP_VIEW_SIZE;
+  const pageIndex = vIndex ? vIndex : 0;
+  const payload = {
+    pageSize,
+    pageIndex,
+    statusId: "INV_COUNT_ASSIGNED"
+  }
+  await store.dispatch("count/fetchCycleCounts", payload)
+}
 </script>
 
 <style scoped>
diff --git a/src/views/Closed.vue b/src/views/Closed.vue
index cdb843c6..7913a37d 100644
--- a/src/views/Closed.vue
+++ b/src/views/Closed.vue
@@ -13,7 +13,8 @@
       </ion-toolbar>
     </ion-header>
 
-    <ion-content id="filter">
+    <ion-content ref="contentRef" :scroll-events="true" @ionScroll="enableScrolling()" id="filter">
+      <ion-searchbar class="searchbar" v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
       <p v-if="!cycleCounts.length" class="empty-state">
         {{ translate("No cycle counts found") }}
       </p>
@@ -72,6 +73,10 @@
           <ion-icon :icon="cloudDownloadOutline" />
         </ion-fab-button>
       </ion-fab>
+
+      <ion-infinite-scroll ref="infiniteScrollRef" v-show="isScrollable" threshold="100px" @ionInfinite="loadMoreCycleCounts($event)">
+        <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="translate('Loading')" />
+      </ion-infinite-scroll>
     </ion-content>
   </ion-page>
 </template>
@@ -86,9 +91,12 @@ import {
   IonHeader,
   IonIcon,
   IonItem,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
   IonLabel,
   IonMenuButton,
   IonPage,
+  IonSearchbar,
   IonTitle,
   IonToolbar,
   modalController,
@@ -96,7 +104,7 @@ import {
   onIonViewWillLeave
 } from "@ionic/vue";
 import { cloudDownloadOutline, filterOutline, listOutline, storefrontOutline, thermometerOutline } from "ionicons/icons";
-import { computed } from "vue"
+import { computed, ref } from "vue"
 import { translate } from "@/i18n";
 import Filters from "@/components/Filters.vue"
 import store from "@/store";
@@ -105,18 +113,64 @@ import DownloadClosedCountModal from "@/components/DownloadClosedCountModal.vue"
 
 const cycleCounts = computed(() => store.getters["count/getCounts"])
 const cycleCountStats = computed(() => (id: string) => store.getters["count/getCycleCountStats"](id))
+const isScrollable = computed(() => store.getters["count/isCycleCountListScrollable"])
+const query = computed(() => store.getters["count/getQuery"])
+
+const isScrollingEnabled = ref(false);
+const contentRef = ref({}) as any
+const infiniteScrollRef = ref({}) as any
 
 onIonViewWillEnter(async () => {
-  await store.dispatch("count/fetchCycleCounts", {
-    statusId: "INV_COUNT_CLOSED,INV_COUNT_COMPLETED,INV_COUNT_REJECTED",
-    statusId_op: "in"
-  })
+  await fetchClosedCycleCounts()
 })
 
 onIonViewWillLeave(async () => {
   await store.dispatch("count/clearCycleCountList")
 })
 
+function enableScrolling() {
+  const parentElement = contentRef.value.$el
+  const scrollEl = parentElement.shadowRoot.querySelector("main[part='scroll']")
+  let scrollHeight = scrollEl.scrollHeight, infiniteHeight = infiniteScrollRef.value.$el.offsetHeight, scrollTop = scrollEl.scrollTop, threshold = 100, height = scrollEl.offsetHeight
+  const distanceFromInfinite = scrollHeight - infiniteHeight - scrollTop - threshold - height
+  if(distanceFromInfinite < 0) {
+    isScrollingEnabled.value = false;
+  } else {
+    isScrollingEnabled.value = true;
+  }
+}
+
+async function updateQueryString(key: string, value: any) {
+  await store.dispatch("count/updateQueryString", { key, value })
+  fetchClosedCycleCounts();
+}
+
+async function loadMoreCycleCounts(event: any) {
+  if(!(isScrollingEnabled.value && isScrollable.value)) {
+    await event.target.complete();
+    return
+  }
+  fetchClosedCycleCounts(
+    undefined,
+    Math.ceil(
+      cycleCounts.value?.length / (process.env.VUE_APP_VIEW_SIZE as any)
+    ).toString()
+  ).then(async () => {
+    await event.target.complete()})
+}
+
+async function fetchClosedCycleCounts(vSize?: any, vIndex?: any) {
+  const pageSize = vSize ? vSize : process.env.VUE_APP_VIEW_SIZE;
+  const pageIndex = vIndex ? vIndex : 0;
+  const payload = {
+    pageSize,
+    pageIndex,
+    statusId: "INV_COUNT_CLOSED,INV_COUNT_COMPLETED,INV_COUNT_REJECTED",
+    statusId_op: "in"
+  }
+  await store.dispatch("count/fetchCycleCounts", payload)
+}
+
 function getClosedDate(count: any) {
   const history = cycleCountStats.value(count.inventoryCountImportId)?.statusHistory
   if(!history) {
diff --git a/src/views/Count.vue b/src/views/Count.vue
index 39db4a06..c5c00502 100644
--- a/src/views/Count.vue
+++ b/src/views/Count.vue
@@ -128,16 +128,9 @@
           <p class="empty-state">{{ translate("No cycle counts found") }}</p>
         </template>
       </main>
-      <ion-infinite-scroll
-        @ionInfinite="loadMoreCycleCount($event)"
-        threshold="100px"
-        v-show="isScrollable"
-        ref="infiniteScrollRef"
-      >
-        <ion-infinite-scroll-content
-          loading-spinner="crescent"
-          :loading-text="translate('Loading')"
-        />
+
+      <ion-infinite-scroll ref="infiniteScrollRef" v-show="isScrollable" threshold="100px" @ionInfinite="loadMoreCycleCounts($event)">
+        <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="translate('Loading')" />
       </ion-infinite-scroll>
     </ion-content>
   </ion-page>
diff --git a/src/views/Draft.vue b/src/views/Draft.vue
index ef4bb815..ab1f1696 100644
--- a/src/views/Draft.vue
+++ b/src/views/Draft.vue
@@ -13,7 +13,8 @@
       </ion-toolbar>
     </ion-header>
 
-    <ion-content id="filter">
+    <ion-content ref="contentRef" :scroll-events="true" @ionScroll="enableScrolling()" id="filter">
+      <ion-searchbar class="searchbar" v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
       <p v-if="!cycleCounts.length" class="empty-state">
         {{ translate("No cycle counts found") }}
       </p>
@@ -45,6 +46,9 @@
         </ion-fab-list>
       </ion-fab>
 
+      <ion-infinite-scroll ref="infiniteScrollRef" v-show="isScrollable" threshold="100px" @ionInfinite="loadMoreCycleCounts($event)">
+        <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="translate('Loading')" />
+      </ion-infinite-scroll>
     </ion-content>
   </ion-page>
 </template>
@@ -59,11 +63,14 @@ import {
   IonHeader,
   IonIcon,
   IonItem,
+  IonInfiniteScroll,
+  IonInfiniteScrollContent,
   IonLabel,
   IonList,
   IonMenuButton,
   IonNote,
   IonPage,
+  IonSearchbar,
   IonTitle,
   IonToolbar,
   alertController,
@@ -71,7 +78,7 @@ import {
   onIonViewWillLeave
 } from "@ionic/vue";
 import { addOutline, documentOutline, documentsOutline, filterOutline, shieldCheckmarkOutline } from "ionicons/icons";
-import { computed } from "vue"
+import { computed, ref } from "vue"
 import { translate } from "@/i18n";
 import Filters from "@/components/Filters.vue"
 import store from "@/store";
@@ -80,17 +87,62 @@ import router from "@/router";
 
 const cycleCounts = computed(() => store.getters["count/getCounts"])
 const cycleCountStats = computed(() => (id: string) => store.getters["count/getCycleCountStats"](id))
+const isScrollable = computed(() => store.getters["count/isCycleCountListScrollable"])
+const query = computed(() => store.getters["count/getQuery"])
+
+const isScrollingEnabled = ref(false);
+const contentRef = ref({}) as any
+const infiniteScrollRef = ref({}) as any
 
 onIonViewDidEnter(async () => {
-  await store.dispatch("count/fetchCycleCounts", {
-    statusId: "INV_COUNT_CREATED"
-  })
+  await fetchDraftCycleCounts()
 })
 
 onIonViewWillLeave(async () => {
   await store.dispatch("count/clearCycleCountList")
 })
 
+function enableScrolling() {
+  const parentElement = contentRef.value.$el
+  const scrollEl = parentElement.shadowRoot.querySelector("main[part='scroll']")
+  let scrollHeight = scrollEl.scrollHeight, infiniteHeight = infiniteScrollRef?.value?.$el?.offsetHeight, scrollTop = scrollEl.scrollTop, threshold = 100, height = scrollEl.offsetHeight
+  const distanceFromInfinite = scrollHeight - infiniteHeight - scrollTop - threshold - height
+  if(distanceFromInfinite < 0) {
+    isScrollingEnabled.value = false;
+  } else {
+    isScrollingEnabled.value = true;
+  }
+}
+
+async function updateQueryString(key: string, value: any) {
+  await store.dispatch("count/updateQueryString", { key, value })
+  fetchDraftCycleCounts();
+}
+
+async function loadMoreCycleCounts(event: any) {
+  if(!(isScrollingEnabled.value && isScrollable.value)) {
+    await event.target.complete();
+  }
+  fetchDraftCycleCounts(
+    undefined,
+    Math.ceil(
+      cycleCounts.value?.length / (process.env.VUE_APP_VIEW_SIZE as any)
+    ).toString()
+  ).then(async () => {
+    await event.target.complete()})
+}
+
+async function fetchDraftCycleCounts(vSize?: any, vIndex?: any) {
+  const pageSize = vSize ? vSize : process.env.VUE_APP_VIEW_SIZE;
+  const pageIndex = vIndex ? vIndex : 0;
+  const payload = {
+    pageSize,
+    pageIndex,
+    statusId: "INV_COUNT_CREATED"
+  }
+  await store.dispatch("count/fetchCycleCounts", payload)
+}
+
 async function createCycleCount() {
   const createCountAlert = await alertController.create({
     header: translate("Create cycle count"),
diff --git a/src/views/PendingReview.vue b/src/views/PendingReview.vue
index a4aeedc9..44bcb78f 100644
--- a/src/views/PendingReview.vue
+++ b/src/views/PendingReview.vue
@@ -12,7 +12,8 @@
       </ion-toolbar>
     </ion-header>
 
-    <ion-content id="filter">
+    <ion-content ref="contentRef" :scroll-events="true" @ionScroll="enableScrolling()" id="filter">
+      <ion-searchbar class="searchbar" v-model="query.queryString" @keyup.enter="updateQueryString('queryString', $event.target.value)" />
       <p v-if="!cycleCounts.length" class="empty-state">
         {{ translate("No cycle counts found") }}
       </p>
@@ -47,6 +48,10 @@
           </ion-item>
         </div>
       </ion-list>
+
+      <ion-infinite-scroll ref="infiniteScrollRef" v-show="isScrollable" threshold="100px" @ionInfinite="loadMoreCycleCounts($event)">
+        <ion-infinite-scroll-content loading-spinner="crescent" :loading-text="translate('Loading')" />
+      </ion-infinite-scroll>
     </ion-content>
   </ion-page>
 </template>
@@ -54,24 +59,69 @@
 <script setup lang="ts">
 import { translate } from '@/i18n'
 import { filterOutline, storefrontOutline } from "ionicons/icons";
-import { IonButtons, IonBadge, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonMenuButton, IonPage, IonTitle, IonToolbar, onIonViewWillLeave, onIonViewDidEnter } from "@ionic/vue";
-import { computed } from "vue"
+import { IonButtons, IonBadge, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonInfiniteScroll, IonInfiniteScrollContent, IonLabel, IonList, IonMenuButton, IonPage, IonSearchbar, IonTitle, IonToolbar, onIonViewWillLeave, onIonViewDidEnter } from "@ionic/vue";
+import { computed, ref } from "vue"
 import store from "@/store"
 import router from "@/router"
 import Filters from "@/components/Filters.vue"
 import { getCycleCountStats, getDateWithOrdinalSuffix, getDerivedStatusForCount, getFacilityName } from "@/utils"
 
 const cycleCounts = computed(() => store.getters["count/getCounts"])
+const isScrollable = computed(() => store.getters["count/isCycleCountListScrollable"])
+const query = computed(() => store.getters["count/getQuery"])
+
+const isScrollingEnabled = ref(false);
+const contentRef = ref({}) as any
+const infiniteScrollRef = ref({}) as any
 
 onIonViewDidEnter(async () => {
-  await store.dispatch("count/fetchCycleCounts", {
-    statusId: "INV_COUNT_REVIEW"
-  })
+  await fetchPendingCycleCounts()
 })
 
 onIonViewWillLeave(async () => {
   await store.dispatch("count/clearCycleCountList")
 })
+
+function enableScrolling() {
+  const parentElement = contentRef.value.$el
+  const scrollEl = parentElement.shadowRoot.querySelector("main[part='scroll']")
+  let scrollHeight = scrollEl.scrollHeight, infiniteHeight = infiniteScrollRef?.value?.$el?.offsetHeight, scrollTop = scrollEl.scrollTop, threshold = 100, height = scrollEl.offsetHeight
+  const distanceFromInfinite = scrollHeight - infiniteHeight - scrollTop - threshold - height
+  if(distanceFromInfinite < 0) {
+    isScrollingEnabled.value = false;
+  } else {
+    isScrollingEnabled.value = true;
+  }
+}
+
+async function updateQueryString(key: string, value: any) {
+  await store.dispatch("count/updateQueryString", { key, value })
+  fetchPendingCycleCounts();
+}
+
+async function loadMoreCycleCounts(event: any) {
+  if(!(isScrollingEnabled.value && isScrollable.value)) {
+    await event.target.complete();
+  }
+  fetchPendingCycleCounts(
+    undefined,
+    Math.ceil(
+      cycleCounts.value?.length / (process.env.VUE_APP_VIEW_SIZE as any)
+    ).toString()
+  ).then(async () => {
+    await event.target.complete()})
+}
+
+async function fetchPendingCycleCounts(vSize?: any, vIndex?: any) {
+  const pageSize = vSize ? vSize : process.env.VUE_APP_VIEW_SIZE;
+  const pageIndex = vIndex ? vIndex : 0;
+  const payload = {
+    pageSize,
+    pageIndex,
+    statusId: "INV_COUNT_REVIEW"
+  }
+  await store.dispatch("count/fetchCycleCounts", payload)
+}
 </script>
 
 <style scoped>