diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index 2bf53209..e5dbbfb9 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -104,10 +104,7 @@ const PurchaseOrderStaffApprovalForm = ({
 
   const updateStaffApprovalHandler = useCallback(
     async (purchaseId: number, payload: UpdateStaffApprovalRequestPayload) => {
-      const res = await PurchaseApi.staffApproval.update(
-        purchaseId,
-        payload
-      );
+      const res = await PurchaseApi.staffApproval.update(purchaseId, payload);
       if (isResponseError(res)) {
         setPurchaseOrderFormErrorMessage(res.message);
         return;
@@ -166,7 +163,7 @@ const PurchaseOrderStaffApprovalForm = ({
         await createStaffApprovalHandler(createPayload);
       } else if (type === 'edit') {
         const updatePayload: UpdateStaffApprovalRequestPayload = {
-          'notes?': values.notes || null,
+          notes: values.notes || null,
           items: purchaseItems.map((purchaseItem, idx) => {
             const formItem = values.items?.[idx];
             return {
diff --git a/src/types/api/purchase/purchase.d.ts b/src/types/api/purchase/purchase.d.ts
index ea128361..17059ad9 100644
--- a/src/types/api/purchase/purchase.d.ts
+++ b/src/types/api/purchase/purchase.d.ts
@@ -90,13 +90,13 @@ export type CreateStaffApprovalRequestPayload = {
 };
 
 export type UpdateStaffApprovalRequestPayload = {
+  notes?: string | null;
   items: {
     purchase_item_id: number;
     qty: number;
     price: number;
     total_price: number;
   }[];
-  'notes?': string | null;
 };
 
 export type CreateManagerApprovalRequestPayload = {