diff --git a/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/cancel-wizard-dialog.tsx b/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/cancel-wizard-dialog.tsx
new file mode 100644
index 000000000000..ec7a6d071297
--- /dev/null
+++ b/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/cancel-wizard-dialog.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Dialog } from '@deriv/components';
+import { localize } from '@deriv/translations';
+
+type TCancelWizardDialogProps = {
+    onConfirm: VoidFunction;
+    onCancel: VoidFunction;
+    is_visible: boolean;
+};
+
+const CancelWizardDialog = ({ onConfirm, onCancel, is_visible }: TCancelWizardDialogProps) => {
+    return (
+        <Dialog
+            title={localize('Are you sure you want to cancel?')}
+            confirm_button_text={localize('Yes, cancel')}
+            cancel_button_text={localize('No, take me back')}
+            onConfirm={onConfirm}
+            onCancel={onCancel}
+            is_visible={is_visible}
+            has_close_icon
+        >
+            {localize('If you click Cancel, you’ll lose the inputs you’ve made so far.')}
+        </Dialog>
+    );
+};
+
+export default CancelWizardDialog;
diff --git a/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/index.ts b/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/index.ts
new file mode 100644
index 000000000000..3a6a342039b8
--- /dev/null
+++ b/packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/index.ts
@@ -0,0 +1,3 @@
+import CancelWizardDialog from './cancel-wizard-dialog';
+
+export default CancelWizardDialog;
diff --git a/packages/components/src/components/dialog/dialog.scss b/packages/components/src/components/dialog/dialog.scss
index 11b61a95fb2d..6d64b09827d8 100644
--- a/packages/components/src/components/dialog/dialog.scss
+++ b/packages/components/src/components/dialog/dialog.scss
@@ -73,7 +73,6 @@
             justify-content: space-between;
             align-items: center;
             margin-bottom: 1rem;
-            margin-top: 1.4rem;
             &--end {
                 justify-content: flex-end;
             }