diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css
index d7f7cfcb..12040459 100644
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@@ -836,7 +836,7 @@ progress {
 }
 
 .row {
-  --bs-gutter-x: 1.625rem;
+  --bs-gutter-x: 3.625rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
diff --git a/src/pages/project/ProjectDetails.jsx b/src/pages/project/ProjectDetails.jsx
index b52f6836..3d6b28d5 100644
--- a/src/pages/project/ProjectDetails.jsx
+++ b/src/pages/project/ProjectDetails.jsx
@@ -81,7 +81,7 @@ const ProjectDetails = () => {
       case "profile": {
         return (
           <>
-            <div className="row">
+            <div className="row ">
               <div className="col-lg-4 col-md-5 mt-5">
                 {/* About User */}
                 <AboutProject data={projectDetails}></AboutProject>
@@ -139,7 +139,7 @@ const ProjectDetails = () => {
       }
       case "directory": {
         return (
-          <div className="row">
+          <div className="row mt-2">
             <Directory IsPage={false} prefernceContacts={projectDetails.id} />
           </div>
         );
@@ -193,7 +193,7 @@ const ProjectDetails = () => {
           ]}
         ></Breadcrumb>
 
-        <div className="row">
+        <div className="row ">
           {projectLoading && <p>Loading....</p>}
           {/* {!projectLoading && project && (
             <ProjectBanner project_data={project}></ProjectBanner>