From 2dc37e04c6273453c2c424753aa33ec265f39905 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Wed, 9 Jul 2025 10:20:32 +0530
Subject: [PATCH] Sizing for the projects directory has been corrected.

---
 src/pages/project/ProjectDetails.jsx | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

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