diff --git a/src/components/Project/ProjectInfra.jsx b/src/components/Project/ProjectInfra.jsx
index edb8c34b..a541b5e7 100644
--- a/src/components/Project/ProjectInfra.jsx
+++ b/src/components/Project/ProjectInfra.jsx
@@ -93,7 +93,7 @@ const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
                 >
                   <button
                     type="button"
-                    className="link-button link-button-sm m-1 "
+                    className="link-button link-button-sm m-1 btn-primary"
                     onClick={()=>setshowModalBuilding(true)}
                   >
                    <i className="bx bx-plus-circle me-2"></i>
@@ -101,7 +101,7 @@ const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
                   </button>
                   <button
                     type="button"
-                    className="link-button m-1"
+                    className="link-button m-1 btn-primary"
                     onClick={()=>setshowModalFloor(true)}
                   >
                     <i className="bx bx-plus-circle me-2"></i>
@@ -109,7 +109,7 @@ const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
                   </button>
                   <button
                     type="button"
-                    className="link-button m-1"
+                    className="link-button m-1 btn-primary"
                     onClick={() => setshowModalWorkArea(true)}
                   >
                     <i className="bx bx-plus-circle me-2"></i>
@@ -117,7 +117,7 @@ const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
                   </button>
                   <button
                     type="button"
-                    className="link-button m-1"
+                    className="link-button m-1 btn-primary"
                     onClick={()=>setshowModalTask(true)}
                   >
                     <i className="bx bx-plus-circle me-2"></i>
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index 5cd7ab2d..fdc16d55 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -423,14 +423,11 @@ const EmployeeList = () => {
                     {/* Add Employee Button */}
                     {Manage_Employee && (
                       <button
-                        className="btn btn-sm btn-primary"
+                        className="p-1 me-1 m-sm-0  bg-primary rounded-circle"
                         type="button"
                         onClick={() => handleEmployeeModel(null)}
                       >
-                        <i className="bx bx-plus-circle me-2"></i>
-                        <span className="d-none d-md-inline-block">
-                          Add New Employee
-                        </span>
+                        <i className="bx bx-plus fs-4 text-white"></i>
                       </button>
                     )}
                   </div>
@@ -642,7 +639,7 @@ const EmployeeList = () => {
                                     onClick={() => navigate(`/employee/${item.id}`)}
                                     className="dropdown-item py-1"
                                   >
-                                    <i className="bx bx-detail bx-sm"></i> View
+                                    <i className="bx bx-show text-primary bx-sm"></i> View
                                   </button>
 
                                   {/* If ACTIVE employee */}
@@ -652,7 +649,7 @@ const EmployeeList = () => {
                                         className="dropdown-item py-1"
                                         onClick={() => handleEmployeeModel(item.id)}
                                       >
-                                        <i className="bx bx-edit bx-sm"></i> Edit
+                                        <i className="bx bx-edit text-secondary bx-sm"></i> Edit
                                       </button>
 
                                       {/* Suspend only when active */}
@@ -661,7 +658,7 @@ const EmployeeList = () => {
                                           className="dropdown-item py-1"
                                           onClick={() => handleOpenDelete(item)}
                                         >
-                                          <i className="bx bx-task-x bx-sm"></i> Suspend
+                                          <i className="bx bx-task-x text-danger bx-sm"></i> Suspend
                                         </button>
                                       )}
 
@@ -684,7 +681,7 @@ const EmployeeList = () => {
                                       className="dropdown-item py-1"
                                       onClick={() => handleOpenDelete(item)}
                                     >
-                                      <i className="bx bx-refresh bx-sm me-1"></i> Re-activate
+                                      <i className="bx bx-refresh text-danger bx-sm me-0"></i> Re-activate
                                     </button>
                                   )}
                                 </div>