diff --git a/src/components/Employee/EmpReportingManager.jsx b/src/components/Employee/EmpReportingManager.jsx
index e5d96a03..61d33c37 100644
--- a/src/components/Employee/EmpReportingManager.jsx
+++ b/src/components/Employee/EmpReportingManager.jsx
@@ -3,7 +3,7 @@ import { useOrganizationHierarchy } from "../../hooks/useEmployees";
 import GlobalModel from "../common/GlobalModel";
 import ManageReporting from "./ManageReporting";
 
-const EmpReportingManager = ({ employeeId }) => {
+const EmpReportingManager = ({ employeeId, employee }) => {
     const { data, isLoading } = useOrganizationHierarchy(employeeId);
     const [showManageReportingModal, setShowManageReportingModal] = useState(false);
 
@@ -22,9 +22,11 @@ const EmpReportingManager = ({ employeeId }) => {
             <div className="col-12 mb-4">
                 <div className="card">
                     <div className="card-body">
-                        <small className="card-text text-uppercase text-body-secondary small d-block text-start mb-3">
-                            Reporting Manager
-                        </small>
+                        <h5 className="m-0 py-1 mb-3">
+                            Update Reporting Manager
+
+                        </h5>
+
 
                         {/* Primary Reporting Manager */}
                         <div className="d-flex align-items-start mb-3">
@@ -32,7 +34,7 @@ const EmpReportingManager = ({ employeeId }) => {
                                 <i className="bx bx-user bx-xs me-2 mt-1"></i>
                                 <span>Primary Reporting Manager</span>
                             </span>
-                            <span style={{ marginLeft: "10px" }}>:</span>
+                            <span style={{ marginLeft: "75px" }}>:</span>
                             <span className="ms-5">
                                 {primary?.reportTo?.firstName || <em>NA</em>}{" "}
                                 {primary?.reportTo?.lastName || ""}
@@ -74,8 +76,10 @@ const EmpReportingManager = ({ employeeId }) => {
                 >
                     <ManageReporting
                         employeeId={employeeId}
+                        employee={primary?.employee || {}}
                         onClosed={() => setShowManageReportingModal(false)}
                     />
+
                 </GlobalModel>
             )}
         </div>