diff --git a/src/components/Project/ProjectBanner.jsx b/src/components/Project/ProjectBanner.jsx
index 466c5854..0b485a88 100644
--- a/src/components/Project/ProjectBanner.jsx
+++ b/src/components/Project/ProjectBanner.jsx
@@ -79,18 +79,18 @@ const ProjectBanner = ( {project_data} ) =>
       {/* Project Banner */}
       <div className="col-12">
         <div className="card mb-6 pb-0">
-          <div className="d-flex align-items-center justify-content-between p-4 flex-wrap">
+          <div className="d-flex align-items-center justify-content-between p-2 flex-wrap">
             {/* Left: Icon + Name */}
             <div className="d-flex align-items-center gap-3">
               <img
                 src="../../assets/icons/civil-engineering.svg"
                 alt="user image"
                 className="rounded-3"
-                style={{ width: "60px", height: "60px" }}
+                style={{ width: "40px", height: "40px" }}
               />
-              <h4 className="mb-0">
+              <h5 className="mb-0">
                 {CurrentProject.name ? CurrentProject.name : "N/A"}
-              </h4>
+              </h5>
             </div>
             {manageProject && (
               <button