diff --git a/src/components/Project/ProjectPermission.jsx b/src/components/Project/ProjectPermission.jsx
index 10086ce3..e12e8e91 100644
--- a/src/components/Project/ProjectPermission.jsx
+++ b/src/components/Project/ProjectPermission.jsx
@@ -105,7 +105,7 @@ const ProjectPermission = () => {
   };
 
   return (
-    <div className="row">
+    <div className="row px-2 py-1">
       <form className="row" onSubmit={handleSubmit(onSubmit)}>
         {/* Employee Dropdown */}
         <div className="d-flex align-items-end gap-2">
@@ -142,7 +142,7 @@ const ProjectPermission = () => {
 
         {/* Permissions */}
         {ProjectModules.map((feature) => (
-          <div key={feature.id} className="row my-2">
+          <div key={feature.id} className="row my-2 px-3 ">
             <div className="col-12 text-start fw-semibold mb-2">
               {feature.name}
             </div>
diff --git a/src/components/Project/ProjectSetting.jsx b/src/components/Project/ProjectSetting.jsx
index eef8bc1e..2b834ad8 100644
--- a/src/components/Project/ProjectSetting.jsx
+++ b/src/components/Project/ProjectSetting.jsx
@@ -31,7 +31,7 @@ const ProjectSetting = () => {
 
   return (
     <div className="w-100">
-      <div className="card p-3">
+      <div className="card py-2 px-5">
         <div className="col-4">
           <div className="dropdown text-start">
             <button