src/components/Directory/ManageContact.jsx

@@ -472,6 +472,9 @@ const ManageContact = ({ contactId, closeModal }) => {
 
         {/* Actions */}
         <div className="d-flex justify-content-end gap-3 py-2">
+          <button className="btn btn-sm btn-primary" type="submit" disabled={isPending}>
+            {isPending ? "Please Wait..." : "Submit"}
+          </button>
           <button
             className="btn btn-sm btn-secondary"
             type="button"
@@ -480,10 +483,6 @@ const ManageContact = ({ contactId, closeModal }) => {
           >
             Cancel
           </button>
-          <button className="btn btn-sm btn-primary" type="submit" disabled={isPending}>
-            {isPending ? "Please Wait..." : "Submit"}
-          </button>
-         
         </div>
       </form>
     </FormProvider>

src/pages/Directory/DirectoryPage.jsx

@@ -201,7 +201,7 @@ export default function DirectoryPage({ IsPage = true, projectId=null }) {
                           className="form-check-label ms-2"
                           htmlFor="inactiveEmployeesCheckbox"
                         >
-                          {showActive ? "Active" : "Inactive" }
+                          {showActive ? "Inactive" : "Active"}
                         </label>
                       </div>
                     </div>