diff --git a/src/components/pages/purchase/PurchaseTable.tsx b/src/components/pages/purchase/PurchaseTable.tsx
index 9e10438b..86338de9 100644
--- a/src/components/pages/purchase/PurchaseTable.tsx
+++ b/src/components/pages/purchase/PurchaseTable.tsx
@@ -453,7 +453,7 @@ const PurchaseTable = () => {
         ref={staffApprovalModal.ref}
         closeOnBackdrop
         className={{
-          modalBox: 'w-full max-w-6xl max-h-[90vh] overflow-y-auto'
+          modalBox: 'w-full max-w-screen-2xl max-h-[90vh] overflow-y-auto',
         }}
       >
         <PurchaseOrderStaffApprovalForm
@@ -467,7 +467,7 @@ const PurchaseTable = () => {
         ref={acceptApprovalModal.ref}
         closeOnBackdrop
         className={{
-          modalBox: 'w-full max-w-6xl max-h-[90vh] overflow-y-auto'
+          modalBox: 'w-full max-w-screen-2xl max-h-[90vh] overflow-y-auto',
         }}
       >
         <PurchaseOrderAcceptApprovalForm