diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index ca58f018..37bccb60 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -221,10 +221,10 @@ useEffect(() => {
         recallEmployeeData(
           showInactive,
           showAllEmployees ? null : selectedProjectId
-        ); // Use selectedProjectId here
+        );
       }
     },
-    [employees, showInactive, showAllEmployees, selectedProjectId] // Add all relevant dependencies
+    [employees, showInactive, showAllEmployees, selectedProjectId]
   );
 
   useEffect(() => {
@@ -247,7 +247,7 @@ useEffect(() => {
       )}
 
       {showModal && (
-        <GlobalModel
+        <GlobalModel  
           isOpen={showModal}
           size="lg"
           closeModal={() => setShowModal(false)}
@@ -259,40 +259,22 @@ useEffect(() => {
           />
         </GlobalModel>
       )}
-
-      {IsDeleteModalOpen && (
-        <div
-          className={`modal fade  ${IsDeleteModalOpen ? "show" : ""}`}
-          tabIndex="-1"
-          role="dialog"
-          style={{
-            display: IsDeleteModalOpen ? "block" : "none",
-            backgroundColor: IsDeleteModalOpen
-              ? "rgba(0,0,0,0.5)"
-              : "transparent",
-          }}
-          aria-hidden="false"
-        >
-          <ConfirmModal
-            type={"delete"}
-            header={
-              selectedEmpFordelete?.isActive
-                ? "Suspend Employee"
-                : "Reactivate Employee"
-            }
-            message={`Are you sure you want to ${
-              selectedEmpFordelete?.isActive ? "suspend" : "reactivate"
-            } this employee?`}
-            onSubmit={() =>
+        {IsDeleteModalOpen && (
+        <ConfirmModal
+          isOpen={IsDeleteModalOpen}
+          type="delete"
+          header="Suspend Employee"
+          message="Are you sure you want suspend?"
+          onSubmit={(id) =>
               suspendEmployee({
-                employeeId: selectedEmpFordelete.id,
+                employeeId:id ,
                 active: !selectedEmpFordelete.isActive,
               })
             }
-            onClose={() => setIsDeleteModalOpen(false)}
-            loading={employeeLodaing}
-          />
-        </div>
+          onClose={() => setIsDeleteModalOpen(false)}
+          loading={employeeLodaing}
+          paramData={selectedEmpFordelete.id}
+        />
       )}
 
       <div className="container-fluid">
@@ -665,7 +647,7 @@ useEffect(() => {
                                       <button
                                         className="dropdown-item py-1"
                                         onClick={() =>
-                                          handleOpenDelete(item.id)
+                                          handleOpenDelete(item)
                                         }
                                       >
                                         <i className="bx bx-task-x bx-sm"></i>{" "}