diff --git a/src/components/Project/Infrastructure/WorkAreaModel.jsx b/src/components/Project/Infrastructure/WorkAreaModel.jsx
index 5d417772..951575b8 100644
--- a/src/components/Project/Infrastructure/WorkAreaModel.jsx
+++ b/src/components/Project/Infrastructure/WorkAreaModel.jsx
@@ -199,10 +199,10 @@ const WorkAreaModel = ({ project, onSubmit, clearTrigger, onClearComplete, onClo
 
                   {/* Submit and Cancel Buttons */}
                   <div className="col-12 text-center">
-                    <button type="submit" className="btn btn-primary me-3">
+                    <button type="submit" className="btn btn-sm btn-primary me-3">
                       {watch("id") === "0" ? "Add Work Area" : "Edit Work Area"}
                     </button>
-                    <button type="button" className="btn btn-label-secondary" onClick={handleCancel} data-bs-dismiss="modal" aria-label="Close">
+                    <button type="button" className="btn btn-sm btn-label-secondary" onClick={handleCancel} data-bs-dismiss="modal" aria-label="Close">
                       Cancel
                     </button>
                   </div>