diff --git a/src/components/Activities/Attendance.jsx b/src/components/Activities/Attendance.jsx
index 656df75b..46f84632 100644
--- a/src/components/Activities/Attendance.jsx
+++ b/src/components/Activities/Attendance.jsx
@@ -5,6 +5,7 @@ import { convertShortTime } from "../../utils/dateUtils";
 import RenderAttendanceStatus from "./RenderAttendanceStatus";
 import usePagination from "../../hooks/usePagination";
 import { useNavigate } from "react-router-dom";
+import {ITEMS_PER_PAGE} from "../../utils/constants";
 
 const Attendance = ({ attendance, getRole, handleModalData }) => {
   const [loading, setLoading] = useState(false);
@@ -33,7 +34,7 @@ const Attendance = ({ attendance, getRole, handleModalData }) => {
 
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     filteredData,
-    10
+    ITEMS_PER_PAGE
   );
   return (
     <>
diff --git a/src/pages/Directory/Directory.jsx b/src/pages/Directory/Directory.jsx
index 02d931d1..f231cd67 100644
--- a/src/pages/Directory/Directory.jsx
+++ b/src/pages/Directory/Directory.jsx
@@ -12,6 +12,7 @@ import UpdateContact from "../../components/Directory/UpdateContact";
 import CardViewDirectory from "../../components/Directory/CardViewDirectory";
 import { useContactCategory } from "../../hooks/masterHook/useMaster";
 import usePagination from "../../hooks/usePagination";
+import {ITEMS_PER_PAGE} from "../../utils/constants";
 
 const Directory = () => {
   const [isOpenModal, setIsOpenModal] = useState(false);
@@ -93,7 +94,7 @@ const Directory = () => {
   }, [ContatList, searchText, selectedCategoryIds]);
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     filteredContacts,
-    10
+    ITEMS_PER_PAGE
   );
 
   return (
diff --git a/src/pages/master/MasterTable.jsx b/src/pages/master/MasterTable.jsx
index 6f92be63..8c28bd72 100644
--- a/src/pages/master/MasterTable.jsx
+++ b/src/pages/master/MasterTable.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { useHasUserPermission } from "../../hooks/useHasUserPermission";
-import { MANAGE_MASTER } from "../../utils/constants";
+import { ITEMS_PER_PAGE, MANAGE_MASTER } from "../../utils/constants";
 import showToast from "../../services/toastService";
 
 const MasterTable = ({ data, columns, loading, handleModalData }) => {
@@ -21,7 +21,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
   const safeData = Array.isArray(data) ? data : [];
 
   const [currentPage, setCurrentPage] = useState(1);
-  const [itemsPerPage] = useState(20);
+  const [itemsPerPage] = useState(ITEMS_PER_PAGE);
 
   const sortKeys = {
     "Application Role": "role",
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index 0f1dca9b..23af0a5c 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -9,7 +9,7 @@ import showToast from "../../services/toastService";
 import { getCachedData, cacheData } from "../../slices/apiDataManager";
 import { useHasUserPermission } from "../../hooks/useHasUserPermission";
 import { useProfile } from "../../hooks/useProfile";
-import { MANAGE_PROJECT } from "../../utils/constants";
+import { ITEMS_PER_PAGE, MANAGE_PROJECT } from "../../utils/constants";
 import ProjectListView from "./ProjectListView";
 
 const ProjectList = () => {
@@ -25,7 +25,7 @@ const ProjectList = () => {
   const dispatch = useDispatch();
 
   const [currentPage, setCurrentPage] = useState(1);
-  const [itemsPerPage] = useState(10);
+  const [itemsPerPage] = useState(ITEMS_PER_PAGE);
   const [searchTerm, setSearchTerm] = useState("");
   const [selectedStatuses, setSelectedStatuses] = useState([
     "b74da4c2-d07e-46f2-9919-e75e49b12731",
diff --git a/src/utils/constants.jsx b/src/utils/constants.jsx
index cd1f0ced..dfbea3c3 100644
--- a/src/utils/constants.jsx
+++ b/src/utils/constants.jsx
@@ -1,5 +1,6 @@
 export const THRESH_HOLD = 48;  //  hours
 export const DURATION_TIME = 10; // minutes
+export const ITEMS_PER_PAGE = 20;
 
 export const MANAGE_MASTER = "588a8824-f924-4955-82d8-fc51956cf323";