diff --git a/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx b/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx
index 9a0936ee2856..74342bdf5f34 100644
--- a/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx
+++ b/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx
@@ -38,10 +38,6 @@ function RequireQuickBooksDesktopModal({route}: RequireQuickBooksDesktopModalPro
     const [codatSetupLink, setCodatSetupLink] = useState<string>('');
     const hasResultOfFetchingSetupLink = !!codatSetupLink || hasError;
 
-    const ContentWrapper = hasResultOfFetchingSetupLink
-        ? ({children}: React.PropsWithChildren) => children
-        : ({children}: React.PropsWithChildren) => <FullPageOfflineBlockingView addBottomSafeAreaPadding>{children}</FullPageOfflineBlockingView>;
-
     const fetchSetupLink = useCallback(() => {
         setHasError(false);
         // eslint-disable-next-line rulesdir/no-thenable-actions-in-views
@@ -79,6 +75,56 @@ function RequireQuickBooksDesktopModal({route}: RequireQuickBooksDesktopModalPro
 
     const shouldShowError = hasError;
 
+    const children = (
+        <>
+            {shouldShowError && (
+                <View style={[styles.flex1, styles.justifyContentCenter, styles.alignItemsCenter, styles.ph5, styles.mb9]}>
+                    <Icon
+                        src={illustrations.BrokenMagnifyingGlass}
+                        width={116}
+                        height={168}
+                    />
+                    <Text style={[styles.textHeadlineLineHeightXXL, styles.mt3]}>{translate('workspace.qbd.setupPage.setupErrorTitle')}</Text>
+                    <View style={[styles.renderHTML, styles.ph5, styles.mv3]}>
+                        <RenderHTML html={translate('workspace.qbd.setupPage.setupErrorBody', {conciergeLink: `${environmentURL}/${ROUTES.CONCIERGE}`})} />
+                    </View>
+                </View>
+            )}
+            {!shouldShowError && (
+                <View style={[styles.flex1, styles.ph5]}>
+                    <View style={[styles.alignSelfCenter, styles.computerIllustrationContainer, styles.pv6]}>
+                        <ImageSVG src={illustrations.LaptopWithSecondScreenSync} />
+                    </View>
+
+                    <Text style={[styles.textHeadlineH1, styles.pt5]}>{translate('workspace.qbd.setupPage.title')}</Text>
+                    <Text style={[styles.textSupporting, styles.textNormal, styles.pt4]}>{translate('workspace.qbd.setupPage.body')}</Text>
+                    <View style={[styles.qbdSetupLinkBox, styles.mt5]}>
+                        {!hasResultOfFetchingSetupLink ? (
+                            <ActivityIndicator />
+                        ) : (
+                            <CopyTextToClipboard
+                                text={codatSetupLink}
+                                textStyles={[styles.textSupporting]}
+                            />
+                        )}
+                    </View>
+                    <FixedFooter
+                        style={[styles.mtAuto, styles.ph0]}
+                        addBottomSafeAreaPadding
+                    >
+                        <Button
+                            success
+                            text={translate('common.done')}
+                            onPress={() => Navigation.navigate(ROUTES.POLICY_ACCOUNTING_QUICKBOOKS_DESKTOP_TRIGGER_FIRST_SYNC.getRoute(policyID))}
+                            pressOnEnter
+                            large
+                        />
+                    </FixedFooter>
+                </View>
+            )}
+        </>
+    );
+
     return (
         <ScreenWrapper
             shouldEnablePickerAvoiding={false}
@@ -90,53 +136,7 @@ function RequireQuickBooksDesktopModal({route}: RequireQuickBooksDesktopModalPro
                 shouldShowBackButton
                 onBackButtonPress={() => Navigation.dismissModal()}
             />
-            <ContentWrapper>
-                {shouldShowError && (
-                    <View style={[styles.flex1, styles.justifyContentCenter, styles.alignItemsCenter, styles.ph5, styles.mb9]}>
-                        <Icon
-                            src={illustrations.BrokenMagnifyingGlass}
-                            width={116}
-                            height={168}
-                        />
-                        <Text style={[styles.textHeadlineLineHeightXXL, styles.mt3]}>{translate('workspace.qbd.setupPage.setupErrorTitle')}</Text>
-                        <View style={[styles.renderHTML, styles.ph5, styles.mv3]}>
-                            <RenderHTML html={translate('workspace.qbd.setupPage.setupErrorBody', {conciergeLink: `${environmentURL}/${ROUTES.CONCIERGE}`})} />
-                        </View>
-                    </View>
-                )}
-                {!shouldShowError && (
-                    <View style={[styles.flex1, styles.ph5]}>
-                        <View style={[styles.alignSelfCenter, styles.computerIllustrationContainer, styles.pv6]}>
-                            <ImageSVG src={illustrations.LaptopWithSecondScreenSync} />
-                        </View>
-
-                        <Text style={[styles.textHeadlineH1, styles.pt5]}>{translate('workspace.qbd.setupPage.title')}</Text>
-                        <Text style={[styles.textSupporting, styles.textNormal, styles.pt4]}>{translate('workspace.qbd.setupPage.body')}</Text>
-                        <View style={[styles.qbdSetupLinkBox, styles.mt5]}>
-                            {!hasResultOfFetchingSetupLink ? (
-                                <ActivityIndicator />
-                            ) : (
-                                <CopyTextToClipboard
-                                    text={codatSetupLink}
-                                    textStyles={[styles.textSupporting]}
-                                />
-                            )}
-                        </View>
-                        <FixedFooter
-                            style={[styles.mtAuto, styles.ph0]}
-                            addBottomSafeAreaPadding
-                        >
-                            <Button
-                                success
-                                text={translate('common.done')}
-                                onPress={() => Navigation.navigate(ROUTES.POLICY_ACCOUNTING_QUICKBOOKS_DESKTOP_TRIGGER_FIRST_SYNC.getRoute(policyID))}
-                                pressOnEnter
-                                large
-                            />
-                        </FixedFooter>
-                    </View>
-                )}
-            </ContentWrapper>
+            {hasResultOfFetchingSetupLink ? children : <FullPageOfflineBlockingView addBottomSafeAreaPadding>{children}</FullPageOfflineBlockingView>}
         </ScreenWrapper>
     );
 }