diff --git a/src/components/ConfirmModal.tsx b/src/components/ConfirmModal.tsx
index 54ec46fd2543..672b64d76dbc 100755
--- a/src/components/ConfirmModal.tsx
+++ b/src/components/ConfirmModal.tsx
@@ -108,6 +108,9 @@ type ConfirmModalProps = {
 
     /** Whether the confirm button is loading */
     isConfirmLoading?: boolean;
+
+    /** Whether to handle navigation back when modal show. */
+    shouldHandleNavigationBack?: boolean;
 };
 
 function ConfirmModal({
@@ -143,6 +146,7 @@ function ConfirmModal({
     shouldEnableNewFocusManagement,
     restoreFocusType,
     isConfirmLoading,
+    shouldHandleNavigationBack,
 }: ConfirmModalProps) {
     // We need to use isSmallScreenWidth instead of shouldUseNarrowLayout to use the correct modal type
     // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth
@@ -160,6 +164,7 @@ function ConfirmModal({
             innerContainerStyle={image ? styles.pt0 : {}}
             shouldEnableNewFocusManagement={shouldEnableNewFocusManagement}
             restoreFocusType={restoreFocusType}
+            shouldHandleNavigationBack={shouldHandleNavigationBack}
         >
             <ConfirmContent
                 title={title}
diff --git a/src/pages/iou/request/step/DiscardChangesConfirmation.tsx b/src/pages/iou/request/step/DiscardChangesConfirmation.tsx
index 209d54cee04c..29cb40cf2dff 100644
--- a/src/pages/iou/request/step/DiscardChangesConfirmation.tsx
+++ b/src/pages/iou/request/step/DiscardChangesConfirmation.tsx
@@ -44,6 +44,7 @@ function DiscardChangesConfirmation({getHasUnsavedChanges}: DiscardChangesConfir
                 }
             }}
             onCancel={() => setIsVisible(false)}
+            shouldHandleNavigationBack
         />
     );
 }