diff --git a/client/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.js b/client/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.js
index 1453a5ea2..62d903e79 100644
--- a/client/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.js
+++ b/client/src/containers/Drawers/CustomerDetailsDrawer/CustomerDetailsActionsBar.js
@@ -60,7 +60,7 @@ function CustomerDetailsActionsBar({
   };
 
   const handleDeleteCustomer = () => {
-    openAlert(`'customer-delete`, { customerId });
+    openAlert(`customer-delete`, { contactId: customerId });
     closeDrawer('customer-details-drawer');
   };
   const handleEditContact = () => {
diff --git a/client/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.js b/client/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.js
index 28b75a88d..f46444664 100644
--- a/client/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.js
+++ b/client/src/containers/Drawers/VendorDetailsDrawer/VendorDetailsActionsBar.js
@@ -45,7 +45,7 @@ function VendorDetailsActionsBar({
 
   // Handle delete vendor.
   const onDeleteContact = () => {
-    openAlert(`'vendor-delete`, { vendorId });
+    openAlert(`vendor-delete`, { contactId: vendorId });
     closeDrawer('vendor-details-drawer');
   };