diff --git a/src/pages/project/ProjectDetails.jsx b/src/pages/project/ProjectDetails.jsx
index 732255b8..f34586aa 100644
--- a/src/pages/project/ProjectDetails.jsx
+++ b/src/pages/project/ProjectDetails.jsx
@@ -81,22 +81,9 @@ const ProjectDetails = () => {
     switch (activePill) {
       case "profile": {
         return (
-          <>
-            <div className="row ">
-              <div className="col-lg-4 col-md-5 mt-5">
-                {/* About User */}
-                <AboutProject data={projectDetails}></AboutProject>
-                <ProjectOverview project={projectId} />
-                {/* About User */}
-              </div>
-              <div className="col-lg-8 col-md-5  mt-5">
-                {/* Profile Overview */}
-                <ProjectProgressChart
-                  ShowAllProject="false"
-                  DefaultRange="1M"
-                />
-                {/* Profile Overview */}
-              </div>
+          <div className="row">
+            <div className="col-xl-4 col-lg-5 col-md-5 mt-5">
+              <AboutProject ></AboutProject>
             </div>
             <div className="col-xl-4 col-lg-5 col-md-5  mt-5">
               <ProjectOverview project={projectId} />
@@ -136,8 +123,8 @@ const ProjectDetails = () => {
       }
       case "directory": {
         return (
-          <div className="row mt-2">
-            <Directory IsPage={false} prefernceContacts={projectDetails.id} />
+          <div className="row">
+            <Directory IsPage={false} prefernceContacts={projects_Details.id} />
           </div>
         );
       }
@@ -177,7 +164,7 @@ const ProjectDetails = () => {
           ]}
         ></Breadcrumb>
 
-        <div className="row ">
+        <div className="row">
           {projectLoading && <p>Loading....</p>}
           {/* {!projectLoading && project && (
             <ProjectBanner project_data={project}></ProjectBanner>