diff --git a/src/components/ReportActionItem/MoneyReportView.tsx b/src/components/ReportActionItem/MoneyReportView.tsx
index fbf03821fa16..9b3b02a1abac 100644
--- a/src/components/ReportActionItem/MoneyReportView.tsx
+++ b/src/components/ReportActionItem/MoneyReportView.tsx
@@ -10,6 +10,7 @@ import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
import OfflineWithFeedback from '@components/OfflineWithFeedback';
import SpacerView from '@components/SpacerView';
import Text from '@components/Text';
+import UnreadActionIndicator from '@components/UnreadActionIndicator';
import useLocalize from '@hooks/useLocalize';
import useStyleUtils from '@hooks/useStyleUtils';
import useTheme from '@hooks/useTheme';
@@ -76,6 +77,22 @@ function MoneyReportView({report, policy, isCombinedReport = false, shouldShowTo
const shouldShowReportField =
!ReportUtils.isClosedExpenseReportWithNoExpenses(report) && ReportUtils.isPaidGroupPolicyExpenseReport(report) && (!isCombinedReport || !isOnlyTitleFieldEnabled);
+ const renderThreadDivider = useMemo(
+ () =>
+ shouldHideThreadDividerLine && !isCombinedReport ? (
+
+ ) : (
+
+ ),
+ [shouldHideThreadDividerLine, report.reportID, styles.reportHorizontalRule, isCombinedReport],
+ );
+
return (
<>
@@ -197,12 +214,7 @@ function MoneyReportView({report, policy, isCombinedReport = false, shouldShowTo
>
)}
- {(shouldShowReportField || shouldShowBreakdown || shouldShowTotal) && (
-
- )}
+ {(shouldShowReportField || shouldShowBreakdown || shouldShowTotal) && renderThreadDivider}
>
);
}