diff --git a/src/components/MoneyReportHeader.tsx b/src/components/MoneyReportHeader.tsx
index 4355ab52da62..36b4153482ff 100644
--- a/src/components/MoneyReportHeader.tsx
+++ b/src/components/MoneyReportHeader.tsx
@@ -629,6 +629,7 @@ function MoneyReportHeader({
         ),
     };
 
+    const [offlineModalVisible, setOfflineModalVisible] = useState(false);
     const {isBetaEnabled} = usePermissions();
 
     const beginPDFExport = (reportID: string) => {
@@ -674,6 +675,10 @@ function MoneyReportHeader({
                 if (!moneyRequestReport) {
                     return;
                 }
+                if (isOffline) {
+                    setOfflineModalVisible(true);
+                    return;
+                }
                 exportReportToCSV({reportID: moneyRequestReport.reportID, transactionIDList: transactionIDs}, () => {
                     setDownloadErrorModalVisible(true);
                 });
@@ -1173,6 +1178,15 @@ function MoneyReportHeader({
                 isVisible={isDownloadErrorModalVisible}
                 onClose={() => setIsDownloadErrorModalVisible(false)}
             />
+            <DecisionModal
+                title={translate('common.youAppearToBeOffline')}
+                prompt={translate('common.offlinePrompt')}
+                isSmallScreenWidth={isSmallScreenWidth}
+                onSecondOptionSubmit={() => setOfflineModalVisible(false)}
+                secondOptionText={translate('common.buttonConfirm')}
+                isVisible={offlineModalVisible}
+                onClose={() => setOfflineModalVisible(false)}
+            />
             <Modal
                 onClose={() => setIsPDFModalVisible(false)}
                 isVisible={isPDFModalVisible}