diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportView.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportView.tsx
index 002c6ff1c527..6c475bcfb8c4 100644
--- a/src/components/MoneyRequestReportView/MoneyRequestReportView.tsx
+++ b/src/components/MoneyRequestReportView/MoneyRequestReportView.tsx
@@ -1,6 +1,6 @@
 import React, {useCallback} from 'react';
 import {InteractionManager, View} from 'react-native';
-import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import type {OnyxEntry} from 'react-native-onyx';
 import {useOnyx} from 'react-native-onyx';
 import HeaderGap from '@components/HeaderGap';
 import MoneyReportHeader from '@components/MoneyReportHeader';
@@ -14,9 +14,10 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import {removeFailedReport} from '@libs/actions/Report';
 import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import Log from '@libs/Log';
+import {selectAllTransactionsForReport} from '@libs/MoneyRequestReportUtils';
 import navigationRef from '@libs/Navigation/navigationRef';
-import {getIOUActionForTransactionID, getOneTransactionThreadReportID, isDeletedParentAction, isMoneyRequestAction} from '@libs/ReportActionsUtils';
-import {canEditReportAction, getReportOfflinePendingActionAndErrors} from '@libs/ReportUtils';
+import {getOneTransactionThreadReportID, isMoneyRequestAction} from '@libs/ReportActionsUtils';
+import {canEditReportAction, getReportOfflinePendingActionAndErrors, isReportTransactionThread} from '@libs/ReportUtils';
 import {buildCannedSearchQuery} from '@libs/SearchQueryUtils';
 import Navigation from '@navigation/Navigation';
 import ReportActionsView from '@pages/home/report/ReportActionsView';
@@ -82,20 +83,6 @@ function getParentReportAction(parentReportActions: OnyxEntry<OnyxTypes.ReportAc
     return parentReportActions[parentReportActionID];
 }
 
-function selectTransactionsForReportID(transactions: OnyxCollection<OnyxTypes.Transaction>, reportID: string | undefined, reportActions: OnyxTypes.ReportAction[]) {
-    if (!reportID) {
-        return [];
-    }
-
-    return Object.values(transactions ?? {}).filter((transaction): transaction is OnyxTypes.Transaction => {
-        if (!transaction) {
-            return false;
-        }
-        const action = getIOUActionForTransactionID(reportActions, transaction.transactionID);
-        return transaction.reportID === reportID && !isDeletedParentAction(action);
-    });
-}
-
 function MoneyRequestReportView({report, policy, reportMetadata, shouldDisplayReportFooter, backToRoute}: MoneyRequestReportViewProps) {
     const styles = useThemeStyles();
     const {isOffline} = useNetwork();
@@ -110,10 +97,9 @@ function MoneyRequestReportView({report, policy, reportMetadata, shouldDisplayRe
     const transactionThreadReportID = getOneTransactionThreadReportID(reportID, reportActions ?? [], isOffline);
 
     const [transactions = []] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION, {
-        selector: (allTransactions): OnyxTypes.Transaction[] => selectTransactionsForReportID(allTransactions, reportID, reportActions),
+        selector: (allTransactions): OnyxTypes.Transaction[] => selectAllTransactionsForReport(allTransactions, reportID, reportActions),
         canBeMissing: true,
     });
-    const shouldUseSingleTransactionView = transactions.length === 1;
 
     const [parentReportAction] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${getNonEmptyStringOnyxID(report?.parentReportID)}`, {
         canEvict: false,
@@ -161,6 +147,10 @@ function MoneyRequestReportView({report, policy, reportMetadata, shouldDisplayRe
         );
     }
 
+    // Special case handling a report that is a transaction thread
+    // If true we will use standard `ReportActionsView` to display report data, anything else is handled via `MoneyRequestReportActionsList`
+    const isTransactionThreadView = isReportTransactionThread(report);
+
     return (
         <View style={styles.flex1}>
             <OfflineWithFeedback
@@ -188,8 +178,7 @@ function MoneyRequestReportView({report, policy, reportMetadata, shouldDisplayRe
                     }}
                 />
                 <View style={[styles.overflowHidden, styles.flex1]}>
-                    {shouldUseSingleTransactionView ? (
-                        // This component originally lives in ReportScreen, it is used here to handle the case when the report has a single transaction. Any other case will be handled by MoneyRequestReportActionsList
+                    {isTransactionThreadView ? (
                         <ReportActionsView
                             report={report}
                             reportActions={reportActions}
diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
index 53e31ab3c4f6..f37c1eadf350 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
@@ -86,7 +86,6 @@ const FixIconPadding = <View style={{height: variables.iconSizeNormal}} />;
 
 function MoneyRequestReportPreviewContent({
     iouReportID,
-    policyID,
     chatReportID,
     action,
     containerStyles,
@@ -105,12 +104,13 @@ function MoneyRequestReportPreviewContent({
     invoiceReceiverPersonalDetail,
     lastTransactionViolations,
     isDelegateAccessRestricted,
-    renderItem,
-    getCurrentWidth,
+    renderTransactionItem,
+    onLayout,
     reportPreviewStyles,
     shouldDisplayContextMenu = true,
     isInvoice,
     shouldShowBorder = false,
+    onPress,
 }: MoneyRequestReportPreviewContentProps) {
     const lastTransaction = transactions?.at(0);
     const transactionIDList = transactions?.map((reportTransaction) => reportTransaction.transactionID) ?? [];
@@ -405,7 +405,7 @@ function MoneyRequestReportPreviewContent({
                 </View>
             );
         }
-        return renderItem(itemInfo);
+        return renderTransactionItem(itemInfo);
     };
 
     // The button should expand up to transaction width
@@ -440,10 +440,10 @@ function MoneyRequestReportPreviewContent({
             >
                 <View
                     style={[styles.chatItemMessage, containerStyles]}
-                    onLayout={getCurrentWidth}
+                    onLayout={onLayout}
                 >
                     <PressableWithoutFeedback
-                        onPress={() => {}}
+                        onPress={onPress}
                         onPressIn={() => canUseTouchScreen() && ControlSelection.block()}
                         onPressOut={() => ControlSelection.unblock()}
                         onLongPress={(event) => {
@@ -580,7 +580,6 @@ function MoneyRequestReportPreviewContent({
                                             onAnimationFinish={stopAnimation}
                                             formattedAmount={getTotalAmountForIOUReportPreviewButton(iouReport, policy, buttonType)}
                                             currency={iouReport?.currency}
-                                            policyID={policyID}
                                             chatReportID={chatReportID}
                                             iouReport={iouReport}
                                             wrapperStyle={buttonMaxWidth}
@@ -625,7 +624,7 @@ function MoneyRequestReportPreviewContent({
                                             text={translate('common.review', {
                                                 amount: shouldShowSettlementButton ? getTotalAmountForIOUReportPreviewButton(iouReport, policy, buttonType) : '',
                                             })}
-                                            onPress={() => {}}
+                                            onPress={onPress}
                                             style={buttonMaxWidth}
                                         />
                                     )}
@@ -647,7 +646,6 @@ function MoneyRequestReportPreviewContent({
                     isNoDelegateAccessMenuVisible={isNoDelegateAccessMenuVisible}
                     onClose={() => setIsNoDelegateAccessMenuVisible(false)}
                 />
-
                 {isHoldMenuVisible && !!iouReport && !!requestType && (
                     <ProcessMoneyReportHoldMenu
                         nonHeldAmount={!hasOnlyHeldExpenses && hasValidNonHeldAmount ? nonHeldAmount : undefined}
diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/index.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/index.tsx
index d5139a7b459f..a364b1fc2d5a 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/index.tsx
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/index.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, useState} from 'react';
+import React, {useCallback, useMemo, useState} from 'react';
 import type {LayoutChangeEvent, ListRenderItem} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
 import TransactionPreview from '@components/ReportActionItem/TransactionPreview';
@@ -9,9 +9,14 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useTransactionViolations from '@hooks/useTransactionViolations';
+import Performance from '@libs/Performance';
 import {getIOUActionForReportID, isSplitBillAction as isSplitBillActionReportActionsUtils, isTrackExpenseAction as isTrackExpenseActionReportActionsUtils} from '@libs/ReportActionsUtils';
+import Navigation from '@navigation/Navigation';
+import {contextMenuRef} from '@pages/home/report/ContextMenu/ReportActionContextMenu';
+import Timing from '@userActions/Timing';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
 import type {Transaction} from '@src/types/onyx';
 import MoneyRequestReportPreviewContent from './MoneyRequestReportPreviewContent';
 import type {MoneyRequestReportPreviewProps} from './types';
@@ -58,6 +63,16 @@ function MoneyRequestReportPreview({
         [StyleUtils, currentWidth, shouldUseNarrowLayout, transactions.length],
     );
 
+    const openReportFromPreview = useCallback(() => {
+        if (!iouReportID || contextMenuRef.current?.isContextMenuOpening) {
+            return;
+        }
+
+        Performance.markStart(CONST.TIMING.OPEN_REPORT_FROM_PREVIEW);
+        Timing.start(CONST.TIMING.OPEN_REPORT_FROM_PREVIEW);
+        Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(iouReportID));
+    }, [iouReportID]);
+
     const renderItem: ListRenderItem<Transaction> = ({item}) => (
         <TransactionPreview
             chatReportID={chatReportID}
@@ -69,9 +84,8 @@ function MoneyRequestReportPreview({
             isWhisper={isWhisper}
             isHovered={isHovered}
             iouReportID={iouReportID}
-            onPreviewPressed={() => {}}
-            wrapperStyle={reportPreviewStyles.transactionPreviewStyle}
-            containerStyles={[styles.h100, containerStyles]}
+            containerStyles={[styles.h100, reportPreviewStyles.transactionPreviewStyle, containerStyles]}
+            transactionPreviewWidth={reportPreviewStyles.transactionPreviewStyle.width}
             transactionID={item.transactionID}
             reportPreviewAction={action}
         />
@@ -79,6 +93,11 @@ function MoneyRequestReportPreview({
 
     return (
         <MoneyRequestReportPreviewContent
+            iouReportID={iouReportID}
+            chatReportID={chatReportID}
+            iouReport={iouReport}
+            chatReport={chatReport}
+            action={action}
             containerStyles={[reportPreviewStyles.componentStyle, containerStyles]}
             contextMenuAnchor={contextMenuAnchor}
             isHovered={isHovered}
@@ -86,26 +105,21 @@ function MoneyRequestReportPreview({
             checkIfContextMenuActive={checkIfContextMenuActive}
             onPaymentOptionsShow={onPaymentOptionsShow}
             onPaymentOptionsHide={onPaymentOptionsHide}
-            action={action}
-            chatReportID={chatReportID}
-            iouReportID={iouReportID}
-            policyID={undefined}
-            iouReport={iouReport}
             transactions={transactions}
             violations={violations}
-            chatReport={chatReport}
             policy={policy}
             invoiceReceiverPersonalDetail={invoiceReceiverPersonalDetail}
             invoiceReceiverPolicy={invoiceReceiverPolicy}
             lastTransactionViolations={lastTransactionViolations}
             isDelegateAccessRestricted={isDelegateAccessRestricted}
-            renderItem={renderItem}
-            getCurrentWidth={(e: LayoutChangeEvent) => {
+            renderTransactionItem={renderItem}
+            onLayout={(e: LayoutChangeEvent) => {
                 setCurrentWidth(e.nativeEvent.layout.width ?? 255);
             }}
             reportPreviewStyles={reportPreviewStyles}
             shouldDisplayContextMenu={shouldDisplayContextMenu}
             isInvoice={isInvoice}
+            onPress={openReportFromPreview}
             shouldShowBorder={shouldShowBorder}
         />
     );
diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/types.ts b/src/components/ReportActionItem/MoneyRequestReportPreview/types.ts
index 76c1582d4fec..4a429e5e8861 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/types.ts
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/types.ts
@@ -73,6 +73,18 @@ type MoneyRequestReportPreviewContentOnyxProps = {
 };
 
 type MoneyRequestReportPreviewContentProps = MoneyRequestReportPreviewContentOnyxProps &
-    MoneyRequestReportPreviewProps & {renderItem: ListRenderItem<Transaction>; getCurrentWidth: (e: LayoutChangeEvent) => void; reportPreviewStyles: MoneyRequestReportPreviewStyleType};
+    Omit<MoneyRequestReportPreviewProps, 'policyID'> & {
+        /** Extra styles passed used by MoneyRequestReportPreviewContent */
+        reportPreviewStyles: MoneyRequestReportPreviewStyleType;
+
+        /** Callback passed to onLayout  */
+        onLayout: (e: LayoutChangeEvent) => void;
+
+        /** Callback to render a transaction preview item */
+        renderTransactionItem: ListRenderItem<Transaction>;
+
+        /** Callback called when the whole preview is pressed */
+        onPress: () => void;
+    };
 
 export type {MoneyRequestReportPreviewContentProps, MoneyRequestReportPreviewProps, MoneyRequestReportPreviewStyleType};
diff --git a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
index 32df23f475ea..e386d3bc014b 100644
--- a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
+++ b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx
@@ -2,12 +2,10 @@ import lodashSortBy from 'lodash/sortBy';
 import truncate from 'lodash/truncate';
 import React, {useMemo} from 'react';
 import {View} from 'react-native';
-import Button from '@components/Button';
 import Icon from '@components/Icon';
 import {DotIndicator, Folder, Tag} from '@components/Icon/Expensicons';
 import MultipleAvatars from '@components/MultipleAvatars';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
-import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import ReportActionItemImages from '@components/ReportActionItem/ReportActionItemImages';
 import UserInfoCellsWithArrow from '@components/SelectionList/Search/UserInfoCellsWithArrow';
 import Text from '@components/Text';
@@ -15,9 +13,7 @@ import TransactionPreviewSkeletonView from '@components/TransactionPreviewSkelet
 import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
-import ControlSelection from '@libs/ControlSelection';
 import {convertToDisplayString} from '@libs/CurrencyUtils';
-import {canUseTouchScreen} from '@libs/DeviceCapabilities';
 import {calculateAmount} from '@libs/IOUUtils';
 import {getAvatarsForAccountIDs} from '@libs/OptionsListUtils';
 import {getCleanedTagName} from '@libs/PolicyUtils';
@@ -32,7 +28,6 @@ import {hasReceipt as hasReceiptTransactionUtils, isReceiptBeingScanned} from '@
 import ViolationsUtils from '@libs/Violations/ViolationsUtils';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
-import SCREENS from '@src/SCREENS';
 import type {TransactionPreviewContentProps} from './types';
 
 function TransactionPreviewContent({
@@ -44,17 +39,13 @@ function TransactionPreviewContent({
     iouReport,
     transaction,
     violations,
-    showContextMenu,
     offlineWithFeedbackOnClose,
-    navigateToReviewFields,
-    onPreviewPressed,
     containerStyles,
-    wrapperStyle,
+    transactionPreviewWidth,
     isBillSplit,
     areThereDuplicates,
     sessionAccountID,
     walletTermsErrors,
-    routeName,
     reportPreviewAction,
     shouldHideOnDelete = true,
 }: TransactionPreviewContentProps) {
@@ -62,50 +53,35 @@ function TransactionPreviewContent({
     const styles = useThemeStyles();
     const {translate} = useLocalize();
 
-    const themeStyles = {
-        backgroundColor: theme.cardBG,
-    };
-
     const transactionDetails = useMemo<Partial<TransactionDetails>>(() => getTransactionDetails(transaction) ?? {}, [transaction]);
     const managerID = iouReport?.managerID ?? reportPreviewAction?.childManagerAccountID ?? CONST.DEFAULT_NUMBER_ID;
     const ownerAccountID = iouReport?.ownerAccountID ?? reportPreviewAction?.childOwnerAccountID ?? CONST.DEFAULT_NUMBER_ID;
     const isReportAPolicyExpenseChat = isPolicyExpenseChat(chatReport);
     const {amount: requestAmount, comment: requestComment, merchant, tag, category, currency: requestCurrency} = transactionDetails;
 
-    const transactionPreviewUtilsArguments = useMemo(
+    const transactionPreviewCommonArguments = useMemo(
         () => ({
             iouReport,
             transaction,
-            translate,
             action,
             isBillSplit,
             violations,
             transactionDetails,
         }),
-        [action, iouReport, isBillSplit, transaction, transactionDetails, translate, violations],
+        [action, iouReport, isBillSplit, transaction, transactionDetails, violations],
     );
 
     const conditionals = useMemo(
         () =>
             createTransactionPreviewConditionals({
-                ...transactionPreviewUtilsArguments,
+                ...transactionPreviewCommonArguments,
                 areThereDuplicates,
                 isReportAPolicyExpenseChat,
             }),
-        [areThereDuplicates, transactionPreviewUtilsArguments, isReportAPolicyExpenseChat],
+        [areThereDuplicates, transactionPreviewCommonArguments, isReportAPolicyExpenseChat],
     );
 
-    const {
-        shouldShowRBR,
-        shouldShowMerchant,
-        shouldShowSplitShare,
-        shouldShowTag,
-        shouldShowCategory,
-        shouldShowSkeleton,
-        shouldShowDescription,
-        shouldShowKeepButton,
-        shouldDisableOnPress,
-    } = conditionals;
+    const {shouldShowRBR, shouldShowMerchant, shouldShowSplitShare, shouldShowTag, shouldShowCategory, shouldShowSkeleton, shouldShowDescription} = conditionals;
 
     const firstViolation = violations.at(0);
     const isIOUActionType = isMoneyRequestAction(action);
@@ -115,11 +91,11 @@ function TransactionPreviewContent({
     const previewText = useMemo(
         () =>
             getTransactionPreviewTextAndTranslationPaths({
-                ...transactionPreviewUtilsArguments,
+                ...transactionPreviewCommonArguments,
                 shouldShowRBR,
                 violationMessage,
             }),
-        [transactionPreviewUtilsArguments, shouldShowRBR, violationMessage],
+        [transactionPreviewCommonArguments, shouldShowRBR, violationMessage],
     );
     const getTranslatedText = (item: TranslationPathOrText) => (item.translationPath ? translate(item.translationPath) : item.text ?? '');
 
@@ -129,7 +105,6 @@ function TransactionPreviewContent({
 
     const RBRMessage = getTranslatedText(previewText.RBRMessage);
     const displayAmountText = getTranslatedText(previewText.displayAmountText);
-    const showCashOrCard = getTranslatedText(previewText.showCashOrCard);
     const displayDeleteAmountText = getTranslatedText(previewText.displayDeleteAmountText);
 
     const iouData = getIOUData(managerID, ownerAccountID, personalDetails);
@@ -148,7 +123,6 @@ function TransactionPreviewContent({
     const displayAmount = isDeleted ? displayDeleteAmountText : displayAmountText;
     const receiptImages = [{...getThumbnailAndImageURIs(transaction), transaction}];
     const merchantOrDescription = shouldShowMerchant ? requestMerchant : description || '';
-    const isReviewDuplicateTransactionPage = routeName === SCREENS.TRANSACTION_DUPLICATE.REVIEW;
     const participantAccountIDs = isMoneyRequestAction(action) && isBillSplit ? getOriginalMessage(action)?.participantAccountIDs ?? [] : [managerID, ownerAccountID];
     const participantAvatars = getAvatarsForAccountIDs(participantAccountIDs, personalDetails ?? {});
     const sortedParticipantAvatars = lodashSortBy(participantAvatars, (avatar) => avatar.id);
@@ -179,8 +153,10 @@ function TransactionPreviewContent({
     const previewTextViewGap = (shouldShowCategoryOrTag || !shouldWrapDisplayAmount) && styles.gap2;
     const previewTextMargin = shouldShowIOUHeader && shouldShowMerchantOrDescription && !isBillSplit && !shouldShowCategoryOrTag && styles.mbn1;
 
-    const transactionContent = (
-        <View style={[styles.border, styles.reportContainerBorderRadius, containerStyles]}>
+    const transactionWrapperStyles = [styles.border, styles.moneyRequestPreviewBox, (isIOUSettled || isApproved) && isSettlementOrApprovalPartial && styles.offlineFeedback.pending];
+
+    return (
+        <View style={[transactionWrapperStyles, containerStyles]}>
             <OfflineWithFeedback
                 errors={walletTermsErrors}
                 onClose={() => offlineWithFeedbackOnClose}
@@ -191,12 +167,7 @@ function TransactionPreviewContent({
                 shouldDisableOpacity={isDeleted}
                 shouldHideOnDelete={shouldHideOnDelete}
             >
-                <View
-                    style={[
-                        (isScanning || isWhisper) && [styles.reportPreviewBoxHoverBorder, styles.reportContainerBorderRadius],
-                        !onPreviewPressed ? [styles.moneyRequestPreviewBox, containerStyles, themeStyles] : {},
-                    ]}
-                >
+                <View style={[(isScanning || isWhisper) && [styles.reportPreviewBoxHoverBorder, styles.reportContainerBorderRadius]]}>
                     {!isDeleted && (
                         <ReportActionItemImages
                             images={receiptImages}
@@ -207,7 +178,7 @@ function TransactionPreviewContent({
                         />
                     )}
                     {shouldShowSkeleton ? (
-                        <TransactionPreviewSkeletonView transactionPreviewWidth={wrapperStyle.width} />
+                        <TransactionPreviewSkeletonView transactionPreviewWidth={transactionPreviewWidth} />
                     ) : (
                         <View style={[styles.expenseAndReportPreviewBoxBody, styles.mtn1]}>
                             <View style={styles.gap3}>
@@ -356,39 +327,6 @@ function TransactionPreviewContent({
             </OfflineWithFeedback>
         </View>
     );
-
-    if (!onPreviewPressed) {
-        return transactionContent;
-    }
-
-    return (
-        <PressableWithoutFeedback
-            onPress={shouldDisableOnPress ? undefined : onPreviewPressed}
-            onPressIn={() => canUseTouchScreen() && ControlSelection.block()}
-            onPressOut={() => ControlSelection.unblock()}
-            onLongPress={showContextMenu}
-            shouldUseHapticsOnLongPress
-            accessibilityLabel={isBillSplit ? translate('iou.split') : showCashOrCard}
-            accessibilityHint={convertToDisplayString(requestAmount, requestCurrency)}
-            style={[
-                styles.moneyRequestPreviewBox,
-                wrapperStyle,
-                themeStyles,
-                shouldDisableOnPress && styles.cursorDefault,
-                (isIOUSettled || isApproved) && isSettlementOrApprovalPartial && styles.offlineFeedback.pending,
-            ]}
-        >
-            {transactionContent}
-            {isReviewDuplicateTransactionPage && !isIOUSettled && !isApproved && shouldShowKeepButton && (
-                <Button
-                    text={translate('violations.keepThisOne')}
-                    success
-                    style={[styles.ph4, styles.pb4]}
-                    onPress={navigateToReviewFields}
-                />
-            )}
-        </PressableWithoutFeedback>
-    );
 }
 
 TransactionPreviewContent.displayName = 'TransactionPreviewContent';
diff --git a/src/components/ReportActionItem/TransactionPreview/index.tsx b/src/components/ReportActionItem/TransactionPreview/index.tsx
index 5974efdbd1dc..b6becbadd403 100644
--- a/src/components/ReportActionItem/TransactionPreview/index.tsx
+++ b/src/components/ReportActionItem/TransactionPreview/index.tsx
@@ -2,12 +2,18 @@ import {useRoute} from '@react-navigation/native';
 import React, {useCallback, useMemo} from 'react';
 import type {GestureResponderEvent} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
+import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import {showContextMenuForReport} from '@components/ShowContextMenuContext';
+import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
 import useTransactionViolations from '@hooks/useTransactionViolations';
+import ControlSelection from '@libs/ControlSelection';
+import {convertToDisplayString} from '@libs/CurrencyUtils';
+import {canUseTouchScreen} from '@libs/DeviceCapabilities';
 import {getOriginalMessage, isMoneyRequestAction as isMoneyRequestActionReportActionsUtils} from '@libs/ReportActionsUtils';
+import {getTransactionDetails} from '@libs/ReportUtils';
 import {getReviewNavigationRoute} from '@libs/TransactionPreviewUtils';
-import {getTransaction, removeSettledAndApprovedTransactions} from '@libs/TransactionUtils';
+import {getTransaction, isCardTransaction, removeSettledAndApprovedTransactions} from '@libs/TransactionUtils';
 import Navigation from '@navigation/Navigation';
 import type {PlatformStackRouteProp} from '@navigation/PlatformStackNavigation/types';
 import type {TransactionDuplicateNavigatorParamList} from '@navigation/types';
@@ -17,6 +23,7 @@ import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type SCREENS from '@src/SCREENS';
 import type {Transaction} from '@src/types/onyx';
+import {isEmptyObject} from '@src/types/utils/EmptyObject';
 import TransactionPreviewContent from './TransactionPreviewContent';
 import type {TransactionPreviewProps} from './types';
 
@@ -25,20 +32,31 @@ const getOriginalTransactionIfBillIsSplit = (transaction: OnyxEntry<Transaction>
 
     // If splits property is defined in the transaction, it is actually an original transaction
     if (splits && splits.length > 0) {
-        return {isSplit: true, originalTransaction: transaction};
+        return {isBillSplit: true, originalTransaction: transaction};
     }
 
     if (!originalTransactionID || source !== CONST.IOU.TYPE.SPLIT) {
-        return {isSplit: false, originalTransaction: transaction};
+        return {isBillSplit: false, originalTransaction: transaction};
     }
 
     const originalTransaction = getTransaction(originalTransactionID);
 
-    return {isSplit: !!originalTransaction, originalTransaction: originalTransaction ?? transaction};
+    return {isBillSplit: !!originalTransaction, originalTransaction: originalTransaction ?? transaction};
 };
 
 function TransactionPreview(props: TransactionPreviewProps) {
-    const {action, chatReportID, reportID, contextMenuAnchor, checkIfContextMenuActive = () => {}, shouldDisplayContextMenu, iouReportID, transactionID: transactionIDFromProps} = props;
+    const {translate} = useLocalize();
+    const {
+        action,
+        chatReportID,
+        reportID,
+        contextMenuAnchor,
+        checkIfContextMenuActive = () => {},
+        shouldDisplayContextMenu,
+        iouReportID,
+        transactionID: transactionIDFromProps,
+        onPreviewPressed,
+    } = props;
 
     const [iouReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${iouReportID}`, {canBeMissing: true});
     const route = useRoute<PlatformStackRouteProp<TransactionDuplicateNavigatorParamList, typeof SCREENS.TRANSACTION_DUPLICATE.REVIEW>>();
@@ -58,6 +76,9 @@ function TransactionPreview(props: TransactionPreviewProps) {
     const sessionAccountID = session?.accountID;
     const areThereDuplicates = allDuplicates.length > 0 && duplicates.length > 0 && allDuplicates.length === duplicates.length;
 
+    const transactionDetails = useMemo(() => getTransactionDetails(transaction), [transaction]);
+    const {amount: requestAmount, currency: requestCurrency} = transactionDetails ?? {};
+
     const showContextMenu = (event: GestureResponderEvent) => {
         if (!shouldDisplayContextMenu) {
             return;
@@ -74,19 +95,53 @@ function TransactionPreview(props: TransactionPreviewProps) {
         Navigation.navigate(getReviewNavigationRoute(route, report, transaction, duplicates));
     }, [duplicates, report, route, transaction]);
 
-    const {originalTransaction, isSplit} = getOriginalTransactionIfBillIsSplit(transaction);
+    const {originalTransaction, isBillSplit} = getOriginalTransactionIfBillIsSplit(transaction);
+
+    const shouldDisableOnPress = isBillSplit && isEmptyObject(transaction);
+    const isTransactionMadeWithCard = isCardTransaction(transaction);
+    const showCashOrCardTranslation = isTransactionMadeWithCard ? 'iou.card' : 'iou.cash';
+
+    if (onPreviewPressed) {
+        return (
+            <PressableWithoutFeedback
+                onPress={shouldDisableOnPress ? undefined : props.onPreviewPressed}
+                onPressIn={() => canUseTouchScreen() && ControlSelection.block()}
+                onPressOut={() => ControlSelection.unblock()}
+                onLongPress={showContextMenu}
+                shouldUseHapticsOnLongPress
+                accessibilityLabel={isBillSplit ? translate('iou.split') : translate(showCashOrCardTranslation)}
+                accessibilityHint={convertToDisplayString(requestAmount, requestCurrency)}
+            >
+                <TransactionPreviewContent
+                    /* eslint-disable-next-line react/jsx-props-no-spreading */
+                    {...props}
+                    isBillSplit={isBillSplit}
+                    chatReport={chatReport}
+                    personalDetails={personalDetails}
+                    transaction={originalTransaction}
+                    iouReport={iouReport}
+                    violations={violations}
+                    offlineWithFeedbackOnClose={offlineWithFeedbackOnClose}
+                    navigateToReviewFields={navigateToReviewFields}
+                    areThereDuplicates={areThereDuplicates}
+                    sessionAccountID={sessionAccountID}
+                    walletTermsErrors={walletTerms?.errors}
+                    routeName={route.name}
+                />
+            </PressableWithoutFeedback>
+        );
+    }
 
     return (
         <TransactionPreviewContent
             /* eslint-disable-next-line react/jsx-props-no-spreading */
             {...props}
-            isBillSplit={isSplit}
+            isBillSplit={isBillSplit}
             chatReport={chatReport}
             personalDetails={personalDetails}
             transaction={originalTransaction}
             iouReport={iouReport}
             violations={violations}
-            showContextMenu={showContextMenu}
             offlineWithFeedbackOnClose={offlineWithFeedbackOnClose}
             navigateToReviewFields={navigateToReviewFields}
             areThereDuplicates={areThereDuplicates}
diff --git a/src/components/ReportActionItem/TransactionPreview/types.ts b/src/components/ReportActionItem/TransactionPreview/types.ts
index 093e813f3094..fa9afeb2c51c 100644
--- a/src/components/ReportActionItem/TransactionPreview/types.ts
+++ b/src/components/ReportActionItem/TransactionPreview/types.ts
@@ -20,7 +20,7 @@ type TransactionPreviewProps = {
     /** The ID of the current report */
     reportID: string | undefined;
 
-    /** Callback for the preview pressed */
+    /** Callback called when the preview is pressed  */
     onPreviewPressed?: (event?: GestureResponderEvent | KeyboardEvent) => void;
 
     /** All the data of the action, used for showing context menu */
@@ -35,8 +35,8 @@ type TransactionPreviewProps = {
     /** Optional custom styles to be applied to container component. */
     containerStyles?: StyleProp<ViewStyle>;
 
-    /** Optional custom styles to be applied to wrapper component. */
-    wrapperStyle: TransactionPreviewStyleType;
+    /** Width to use for skeleton loader of transaction preview */
+    transactionPreviewWidth: TransactionPreviewStyleType['width'];
 
     /** True if this IOU has a type of split */
     isBillSplit: boolean;
@@ -66,18 +66,12 @@ type TransactionPreviewProps = {
 };
 
 type TransactionPreviewContentProps = {
-    /** Function to display the context menu in response to an event. */
-    showContextMenu: (event: GestureResponderEvent) => void;
-
     /** Handles the UI response and data clean-up when the transaction goes offline. */
     offlineWithFeedbackOnClose: () => void;
 
     /** Navigates the user to a separate view or component for reviewing or editing transaction fields. */
     navigateToReviewFields: () => void;
 
-    /** General callback for handling presses on the preview component, can also handle keyboard events. */
-    onPreviewPressed?: (event?: GestureResponderEvent | KeyboardEvent | undefined) => void;
-
     /** Whether the transaction is whisper. */
     isWhisper?: boolean;
 
@@ -87,8 +81,8 @@ type TransactionPreviewContentProps = {
     /** Optional custom styles to be applied to container component. */
     containerStyles?: StyleProp<ViewStyle>;
 
-    /** Optional custom styles to be applied to wrapper component. */
-    wrapperStyle: TransactionPreviewStyleType;
+    /** Width to use for skeleton loader of transaction preview */
+    transactionPreviewWidth: TransactionPreviewStyleType['width'];
 
     /** Records any errors related to wallet terms. */
     walletTermsErrors: Errors | undefined;
diff --git a/src/components/TransactionPreviewSkeletonView.tsx b/src/components/TransactionPreviewSkeletonView.tsx
index d8bbe784ae02..3fe05e342f29 100644
--- a/src/components/TransactionPreviewSkeletonView.tsx
+++ b/src/components/TransactionPreviewSkeletonView.tsx
@@ -13,11 +13,10 @@ type TransactionPreviewSkeletonViewProps = {
 function TransactionPreviewSkeletonView({transactionPreviewWidth}: TransactionPreviewSkeletonViewProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
+
     const isWidthANumber = typeof transactionPreviewWidth === 'number';
-    const {width, height} = {
-        width: isWidthANumber ? transactionPreviewWidth - styles.p4.padding * 2 : transactionPreviewWidth,
-        height: variables.transactionPreviewSkeletonHeight,
-    };
+    const width = isWidthANumber ? transactionPreviewWidth - styles.p4.padding * 2 : transactionPreviewWidth;
+    const height = variables.transactionPreviewSkeletonHeight;
 
     return (
         <View style={[styles.p4, styles.mtn1]}>
diff --git a/src/libs/MoneyRequestReportUtils.ts b/src/libs/MoneyRequestReportUtils.ts
index b506d59ec84b..11371b6fa0ff 100644
--- a/src/libs/MoneyRequestReportUtils.ts
+++ b/src/libs/MoneyRequestReportUtils.ts
@@ -1,9 +1,9 @@
-import type {OnyxEntry} from 'react-native-onyx';
+import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import type {ValueOf} from 'type-fest';
 import CONST from '@src/CONST';
 import type {OriginalMessageIOU, Policy, Report, ReportAction, Transaction} from '@src/types/onyx';
 import {convertToDisplayString} from './CurrencyUtils';
-import {getIOUActionForTransactionID, getOriginalMessage, isMoneyRequestAction} from './ReportActionsUtils';
+import {getIOUActionForTransactionID, getOriginalMessage, isDeletedParentAction, isMoneyRequestAction} from './ReportActionsUtils';
 import {
     getMoneyRequestSpendBreakdown,
     getNonHeldAndFullAmount,
@@ -49,6 +49,24 @@ function getThreadReportIDsForTransactions(reportActions: ReportAction[], transa
         .filter((reportID): reportID is string => !!reportID);
 }
 
+/**
+ * Filters all available transactions and returns the ones that belong to a specific report (by `reportID`).
+ * It is used as an onyx selector, to make sure that report related views do not process all transactions in onyx.
+ */
+function selectAllTransactionsForReport(transactions: OnyxCollection<Transaction>, reportID: string | undefined, reportActions: ReportAction[]) {
+    if (!reportID) {
+        return [];
+    }
+
+    return Object.values(transactions ?? {}).filter((transaction): transaction is Transaction => {
+        if (!transaction) {
+            return false;
+        }
+        const action = getIOUActionForTransactionID(reportActions, transaction.transactionID);
+        return transaction.reportID === reportID && !isDeletedParentAction(action);
+    });
+}
+
 const IOU_REPORT_PREVIEW_BUTTON = {
     PAY: CONST.REPORT.PRIMARY_ACTIONS.PAY,
     APPROVE: CONST.REPORT.PRIMARY_ACTIONS.APPROVE,
@@ -152,4 +170,11 @@ const getIOUReportPreviewButtonType = ({
     return IOU_REPORT_PREVIEW_BUTTON.NONE;
 };
 
-export {isActionVisibleOnMoneyRequestReport, getThreadReportIDsForTransactions, getTotalAmountForIOUReportPreviewButton, getIOUReportPreviewButtonType, IOU_REPORT_PREVIEW_BUTTON};
+export {
+    isActionVisibleOnMoneyRequestReport,
+    getThreadReportIDsForTransactions,
+    getTotalAmountForIOUReportPreviewButton,
+    selectAllTransactionsForReport,
+    getIOUReportPreviewButtonType,
+    IOU_REPORT_PREVIEW_BUTTON,
+};
diff --git a/src/libs/ReportUtils.ts b/src/libs/ReportUtils.ts
index 2cf2f7c6bb43..d5a7e88b7f42 100644
--- a/src/libs/ReportUtils.ts
+++ b/src/libs/ReportUtils.ts
@@ -2211,6 +2211,13 @@ function isOneTransactionThread(reportID: string | undefined, parentReportID: st
     return reportID === transactionThreadReportID && !isSentMoneyReportAction(threadParentReportAction);
 }
 
+/**
+ * Checks if given report is a transaction thread
+ */
+function isReportTransactionThread(report: OnyxEntry<Report>) {
+    return isMoneyRequest(report) || isTrackExpenseReport(report);
+}
+
 /**
  * Get displayed report ID, it will be parentReportID if the report is one transaction thread
  */
@@ -10719,6 +10726,7 @@ export {
     isInvoiceReport,
     isNewDotInvoice,
     isOpenInvoiceReport,
+    isReportTransactionThread,
     getDefaultNotificationPreferenceForReport,
     canWriteInReport,
     navigateToDetailsPage,
diff --git a/src/libs/TransactionPreviewUtils.ts b/src/libs/TransactionPreviewUtils.ts
index b25a896981a5..8b8392e2dcf3 100644
--- a/src/libs/TransactionPreviewUtils.ts
+++ b/src/libs/TransactionPreviewUtils.ts
@@ -232,7 +232,6 @@ function getTransactionPreviewTextAndTranslationPaths({
         displayAmountText,
         displayDeleteAmountText,
         previewHeaderText,
-        showCashOrCard,
     };
 }
 
@@ -275,7 +274,6 @@ function createTransactionPreviewConditionals({
     const isFullySettled = isMoneyRequestSettled && !isSettlementOrApprovalPartial;
     const isFullyApproved = isApproved && !isSettlementOrApprovalPartial;
 
-    const shouldDisableOnPress = isBillSplit && isEmptyObject(transaction);
     const shouldShowSkeleton = isEmptyObject(transaction) && !isMessageDeleted(action) && action?.pendingAction !== CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE;
     const shouldShowTag = !!tag && isReportAPolicyExpenseChat;
     const shouldShowCategory = !!category && isReportAPolicyExpenseChat;
@@ -303,7 +301,6 @@ function createTransactionPreviewConditionals({
     const shouldShowDescription = !!description && !shouldShowMerchant && !isScanning;
 
     return {
-        shouldDisableOnPress,
         shouldShowSkeleton,
         shouldShowTag,
         shouldShowRBR,
diff --git a/src/pages/home/ReportScreen.tsx b/src/pages/home/ReportScreen.tsx
index a00ca7adb0eb..ee0c6f5947a6 100644
--- a/src/pages/home/ReportScreen.tsx
+++ b/src/pages/home/ReportScreen.tsx
@@ -11,12 +11,12 @@ import DragAndDropProvider from '@components/DragAndDrop/Provider';
 import * as Expensicons from '@components/Icon/Expensicons';
 import MoneyReportHeader from '@components/MoneyReportHeader';
 import MoneyRequestHeader from '@components/MoneyRequestHeader';
+import MoneyRequestReportActionsList from '@components/MoneyRequestReportView/MoneyRequestReportActionsList';
 import OfflineWithFeedback from '@components/OfflineWithFeedback';
 import ReportActionsSkeletonView from '@components/ReportActionsSkeletonView';
 import ScreenWrapper from '@components/ScreenWrapper';
 import useActiveWorkspace from '@hooks/useActiveWorkspace';
 import useAppFocusEvent from '@hooks/useAppFocusEvent';
-import type {CurrentReportIDContextValue} from '@hooks/useCurrentReportID';
 import useCurrentReportID from '@hooks/useCurrentReportID';
 import useDeepCompareRef from '@hooks/useDeepCompareRef';
 import useIsReportReadyToDisplay from '@hooks/useIsReportReadyToDisplay';
@@ -32,6 +32,7 @@ import useViewportOffsetTop from '@hooks/useViewportOffsetTop';
 import {hideEmojiPicker} from '@libs/actions/EmojiPickerAction';
 import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import Log from '@libs/Log';
+import {selectAllTransactionsForReport} from '@libs/MoneyRequestReportUtils';
 import Navigation, {navigationRef} from '@libs/Navigation/Navigation';
 import type {PlatformStackScreenProps} from '@libs/Navigation/PlatformStackNavigation/types';
 import clearReportNotifications from '@libs/Notification/clearReportNotifications';
@@ -62,8 +63,8 @@ import {
     isMoneyRequestReportPendingDeletion,
     isOneTransactionThread,
     isPolicyExpenseChat,
+    isReportTransactionThread,
     isTaskReport,
-    isTrackExpenseReport,
     isValidReportIDFromPath,
 } from '@libs/ReportUtils';
 import {isNumeric} from '@libs/ValidationUtils';
@@ -94,7 +95,7 @@ import {ActionListContext} from './ReportScreenContext';
 
 type ReportScreenNavigationProps = PlatformStackScreenProps<ReportsSplitNavigatorParamList, typeof SCREENS.REPORT>;
 
-type ReportScreenProps = CurrentReportIDContextValue & ReportScreenNavigationProps;
+type ReportScreenProps = ReportScreenNavigationProps;
 
 const defaultReportMetadata = {
     isLoadingInitialReportActions: true,
@@ -292,15 +293,21 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
     // OpenReport will be called each time the user scrolls up the report a bit, clicks on report preview, and then goes back."
     const isLinkedMessagePageReady = isLinkedMessageAvailable && (reportActions.length - indexOfLinkedMessage >= CONST.REPORT.MIN_INITIAL_REPORT_ACTION_COUNT || doesCreatedActionExists());
 
+    const [reportTransactions = []] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION, {
+        selector: (allTransactions): OnyxTypes.Transaction[] => selectAllTransactionsForReport(allTransactions, reportIDFromRoute, reportActions),
+        canBeMissing: false,
+    });
     const transactionThreadReportID = getOneTransactionThreadReportID(reportID, reportActions ?? [], isOffline);
     const [transactionThreadReportActions = {}] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_ACTIONS}${transactionThreadReportID}`, {canBeMissing: true});
     const combinedReportActions = getCombinedReportActions(reportActions, transactionThreadReportID ?? null, Object.values(transactionThreadReportActions));
     const lastReportAction = [...combinedReportActions, parentReportAction].find((action) => canEditReportAction(action) && !isMoneyRequestAction(action));
-    const isSingleTransactionView = isMoneyRequest(report) || isTrackExpenseReport(report);
     const policy = policies?.[`${ONYXKEYS.COLLECTION.POLICY}${report?.policyID}`];
     const isTopMostReportId = currentReportIDValue?.currentReportID === reportIDFromRoute;
     const didSubscribeToReportLeavingEvents = useRef(false);
-    const backTo = route?.params?.backTo as string;
+    const isTransactionThreadView = isReportTransactionThread(report);
+
+    const {canUseTableReportView} = usePermissions();
+    const isMoneyRequestOrInvoiceReport = isMoneyRequestReport(report) || isInvoiceReport(report);
 
     useEffect(() => {
         if (!prevIsFocused || isFocused) {
@@ -317,6 +324,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         wasReportAccessibleRef.current = true;
     }, [report]);
 
+    const backTo = route?.params?.backTo as string;
     const onBackButtonPress = useCallback(() => {
         if (isInNarrowPaneModal && backTo !== SCREENS.SEARCH.REPORT_RHP) {
             Navigation.dismissModal();
@@ -339,7 +347,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         />
     );
 
-    if (isSingleTransactionView) {
+    if (isTransactionThreadView) {
         headerView = (
             <MoneyRequestHeader
                 report={report}
@@ -350,14 +358,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         );
     }
 
-    useEffect(() => {
-        if (!transactionThreadReportID || !route?.params?.reportActionID || !isOneTransactionThread(linkedAction?.childReportID, reportID, linkedAction)) {
-            return;
-        }
-        navigation.setParams({reportActionID: ''});
-    }, [transactionThreadReportID, route?.params?.reportActionID, linkedAction, reportID, navigation]);
-
-    if (isMoneyRequestReport(report) || isInvoiceReport(report)) {
+    if (isMoneyRequestOrInvoiceReport) {
         headerView = (
             <MoneyReportHeader
                 report={report}
@@ -369,6 +370,13 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         );
     }
 
+    useEffect(() => {
+        if (!transactionThreadReportID || !route?.params?.reportActionID || !isOneTransactionThread(linkedAction?.childReportID, reportID, linkedAction)) {
+            return;
+        }
+        navigation.setParams({reportActionID: ''});
+    }, [transactionThreadReportID, route?.params?.reportActionID, linkedAction, reportID, navigation]);
+
     const {isEditingDisabled, isCurrentReportLoadedFromOnyx} = useIsReportReadyToDisplay(report, reportIDFromRoute);
 
     const isLinkedActionDeleted = useMemo(
@@ -528,7 +536,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
 
     // If a user has chosen to leave a thread, and then returns to it (e.g. with the back button), we need to call `openReport` again in order to allow the user to rejoin and to receive real-time updates
     useEffect(() => {
-        if (!shouldUseNarrowLayout || !isFocused || prevIsFocused || !isChatThread(report) || !isHiddenForCurrentUser(report) || isSingleTransactionView) {
+        if (!shouldUseNarrowLayout || !isFocused || prevIsFocused || !isChatThread(report) || !isHiddenForCurrentUser(report) || isTransactionThreadView) {
             return;
         }
         openReport(reportID);
@@ -536,7 +544,7 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         // We don't want to run this useEffect every time `report` is changed
         // Excluding shouldUseNarrowLayout from the dependency list to prevent re-triggering on screen resize events.
         // eslint-disable-next-line react-compiler/react-compiler, react-hooks/exhaustive-deps
-    }, [prevIsFocused, report?.participants, isFocused, isSingleTransactionView, reportID]);
+    }, [prevIsFocused, report?.participants, isFocused, isTransactionThreadView, reportID]);
 
     useEffect(() => {
         // We don't want this effect to run on the first render.
@@ -719,6 +727,9 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
         return null;
     }
 
+    // If true reports that are considered MoneyRequest | InvoiceReport will get the new report table view
+    const shouldDisplayMoneyRequestReport = canUseTableReportView && isMoneyRequestOrInvoiceReport && !isTransactionThreadView;
+
     return (
         <ActionListContext.Provider value={actionListValue}>
             <ReactionListWrapper>
@@ -764,9 +775,8 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
                                 style={[styles.flex1, styles.justifyContentEnd, styles.overflowHidden]}
                                 testID="report-actions-view-wrapper"
                             >
-                                {!report ? (
-                                    <ReportActionsSkeletonView />
-                                ) : (
+                                {!report && <ReportActionsSkeletonView />}
+                                {!!report && !shouldDisplayMoneyRequestReport ? (
                                     <ReportActionsView
                                         report={report}
                                         reportActions={reportActions}
@@ -776,7 +786,17 @@ function ReportScreen({route, navigation}: ReportScreenProps) {
                                         parentReportAction={parentReportAction}
                                         transactionThreadReportID={transactionThreadReportID}
                                     />
-                                )}
+                                ) : null}
+                                {!!report && shouldDisplayMoneyRequestReport ? (
+                                    <MoneyRequestReportActionsList
+                                        report={report}
+                                        policy={policy}
+                                        reportActions={reportActions}
+                                        transactions={reportTransactions}
+                                        hasOlderActions={hasOlderActions}
+                                        hasNewerActions={hasNewerActions}
+                                    />
+                                ) : null}
                                 {isCurrentReportLoadedFromOnyx ? (
                                     <ReportFooter
                                         onComposerFocus={onComposerFocus}
diff --git a/src/pages/home/report/PureReportActionItem.tsx b/src/pages/home/report/PureReportActionItem.tsx
index 6703f599ad70..278f4d32c36a 100644
--- a/src/pages/home/report/PureReportActionItem.tsx
+++ b/src/pages/home/report/PureReportActionItem.tsx
@@ -814,7 +814,8 @@ function PureReportActionItem({
                                 action={action}
                                 isBillSplit={isSplitBillActionReportActionsUtils(action)}
                                 transactionID={isSplitInGroupChat ? moneyRequestOriginalMessage?.IOUTransactionID : undefined}
-                                wrapperStyle={shouldUseNarrowLayout ? {...styles.w100, ...styles.mw100} : reportPreviewStyles.transactionPreviewStyle}
+                                containerStyles={[shouldUseNarrowLayout ? {...styles.w100, ...styles.mw100} : reportPreviewStyles.transactionPreviewStyle, styles.mt1]}
+                                transactionPreviewWidth={shouldUseNarrowLayout ? styles.w100.width : reportPreviewStyles.transactionPreviewStyle.width}
                                 onPreviewPressed={() => {
                                     if (isSplitInGroupChat) {
                                         Navigation.navigate(ROUTES.SPLIT_BILL_DETAILS.getRoute(chatReportID, action.reportActionID, Navigation.getReportRHPActiveRoute()));
diff --git a/src/stories/MoneyRequestReportPreview.stories.tsx b/src/stories/MoneyRequestReportPreview.stories.tsx
index 83071369dbbf..cf2e08c41caa 100644
--- a/src/stories/MoneyRequestReportPreview.stories.tsx
+++ b/src/stories/MoneyRequestReportPreview.stories.tsx
@@ -34,7 +34,7 @@ const mockTransactionsBig = Array.from({length: 12}).map((item, index) => {
     return {...transactionR14932, transactionID: `${transactionR14932.transactionID}${index}`};
 });
 
-const style = getMoneyRequestReportPreviewStyle(false);
+const reportPreviewStyle = getMoneyRequestReportPreviewStyle(false, 400, false);
 
 const mockRenderItem: ListRenderItem<Transaction> = ({item}) => (
     <TransactionPreviewContent
@@ -46,9 +46,7 @@ const mockRenderItem: ListRenderItem<Transaction> = ({item}) => (
         iouReport={iouReportR14932}
         transaction={item}
         violations={item.errors ? violationsR14932 : []}
-        showContextMenu={() => undefined}
         offlineWithFeedbackOnClose={() => undefined}
-        onPreviewPressed={() => {}}
         navigateToReviewFields={() => undefined}
         isBillSplit={false}
         areThereDuplicates={false}
@@ -56,7 +54,7 @@ const mockRenderItem: ListRenderItem<Transaction> = ({item}) => (
         walletTermsErrors={undefined}
         routeName={SCREENS.TRANSACTION_DUPLICATE.REVIEW}
         shouldHideOnDelete={false}
-        wrapperStyle={style.transactionPreviewStyle}
+        transactionPreviewWidth={303}
         containerStyles={[sizing.h100]}
     />
 );
@@ -126,7 +124,7 @@ export default {
         violations: violationsR14932,
         invoiceReceiverPersonalDetail: undefined,
         invoiceReceiverPolicy: undefined,
-        renderItem: mockRenderItem,
+        renderTransactionItem: mockRenderItem,
     },
     parameters: {
         useLightTheme: true,
@@ -144,7 +142,8 @@ function Template(props: MoneyRequestReportPreviewContentProps, {parameters}: {p
                     <MoneyRequestReportPreviewContent
                         // eslint-disable-next-line react/jsx-props-no-spreading
                         {...props}
-                        containerStyles={[style.componentStyle, props.containerStyles]}
+                        reportPreviewStyles={reportPreviewStyle}
+                        containerStyles={[reportPreviewStyle.componentStyle, props.containerStyles]}
                         transactions={transactions}
                     />
                 </View>
diff --git a/src/stories/TransactionPreviewContent.stories.tsx b/src/stories/TransactionPreviewContent.stories.tsx
index 204401367540..56c08d852e04 100644
--- a/src/stories/TransactionPreviewContent.stories.tsx
+++ b/src/stories/TransactionPreviewContent.stories.tsx
@@ -105,10 +105,8 @@ const story: Meta<typeof TransactionPreviewContent> = {
         iouReport: iouReportR14932,
         transaction: transactionR14932,
         violations: [],
-        showContextMenu: () => undefined,
         offlineWithFeedbackOnClose(): void {},
         navigateToReviewFields: () => undefined,
-        onPreviewPressed: () => true,
         containerStyles: [],
         isBillSplit: false,
         areThereDuplicates: false,
@@ -116,7 +114,7 @@ const story: Meta<typeof TransactionPreviewContent> = {
         walletTermsErrors: undefined,
         routeName: SCREENS.TRANSACTION_DUPLICATE.REVIEW,
         shouldHideOnDelete: false,
-        wrapperStyle: {width: 303},
+        transactionPreviewWidth: 303,
     },
     argTypes: {
         ...disabledProperties,
diff --git a/tests/unit/TransactionPreviewUtils.test.ts b/tests/unit/TransactionPreviewUtils.test.ts
index dad134be3dfe..987d6edb3fc4 100644
--- a/tests/unit/TransactionPreviewUtils.test.ts
+++ b/tests/unit/TransactionPreviewUtils.test.ts
@@ -81,11 +81,8 @@ describe('TransactionPreviewUtils', () => {
             const cardTransaction = getTransactionPreviewTextAndTranslationPaths(functionArgsWithCardTransaction);
             const cashTransaction = getTransactionPreviewTextAndTranslationPaths(basicProps);
 
-            expect(cardTransaction.showCashOrCard).toEqual({translationPath: 'iou.card'});
-            expect(cashTransaction.showCashOrCard).toEqual({translationPath: 'iou.cash'});
-
-            expect(cardTransaction.previewHeaderText).toEqual(expect.arrayContaining([cardTransaction.showCashOrCard]));
-            expect(cashTransaction.previewHeaderText).toEqual(expect.arrayContaining([cashTransaction.showCashOrCard]));
+            expect(cardTransaction.previewHeaderText).toEqual(expect.arrayContaining([{translationPath: 'iou.card'}]));
+            expect(cashTransaction.previewHeaderText).toEqual(expect.arrayContaining([{translationPath: 'iou.cash'}]));
         });
 
         it('displays appropriate header text if the transaction is bill split', () => {
@@ -133,12 +130,6 @@ describe('TransactionPreviewUtils', () => {
             expect(result.shouldShowRBR).toBeTruthy();
         });
 
-        it("should disable onPress when it's a bill split with empty transaction data", () => {
-            const functionArgs = {...basicProps, isBillSplit: true, transaction: undefined};
-            const result = createTransactionPreviewConditionals(functionArgs);
-            expect(result.shouldDisableOnPress).toBeTruthy();
-        });
-
         it("should not show category if it's not a policy expense chat", () => {
             const functionArgs = {...basicProps, isReportAPolicyExpenseChat: false};
             const result = createTransactionPreviewConditionals(functionArgs);
@@ -200,12 +191,6 @@ describe('TransactionPreviewUtils', () => {
             expect(result.shouldShowRBR).toBeTruthy();
         });
 
-        it('should not disable onPress when bill split but transaction data is full', () => {
-            const functionArgs = {...basicProps, isBillSplit: true, transaction: {...basicProps.transaction}};
-            const result = createTransactionPreviewConditionals(functionArgs);
-            expect(result.shouldDisableOnPress).toBeFalsy();
-        });
-
         it('should ensure RBR is not shown when no violation and no hold', () => {
             const functionArgs = {...basicProps, isTransactionOnHold: false};
             const result = createTransactionPreviewConditionals(functionArgs);