From 3c1f5d3a4c2a2289bdc0ca244b78c1b6ed43eb32 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Mon, 4 May 2026 20:30:41 +0530
Subject: [PATCH 1/2] Fix amount column misalignment on Report details page by
 passing shouldRemoveTotalColumnFlex to TOTAL column

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 src/components/TransactionItemRow/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TransactionItemRow/index.tsx b/src/components/TransactionItemRow/index.tsx
index fb58fc366456..c63c12b6f78d 100644
--- a/src/components/TransactionItemRow/index.tsx
+++ b/src/components/TransactionItemRow/index.tsx
@@ -597,7 +597,7 @@ function TransactionItemRow({
                 return (
                     <View
                         key={column}
-                        style={[StyleUtils.getReportTableColumnStyles(CONST.SEARCH.TABLE_COLUMNS.TOTAL_AMOUNT, {isAmountColumnWide})]}
+                        style={[StyleUtils.getReportTableColumnStyles(CONST.SEARCH.TABLE_COLUMNS.TOTAL_AMOUNT, {isAmountColumnWide, shouldRemoveTotalColumnFlex})]}
                     >
                         <AmountCell
                             total={totalAmount}

From a87ca1d4fb2c9d8adb638c0ebda547399298bcf4 Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Mon, 4 May 2026 20:39:22 +0530
Subject: [PATCH 2/2] Fix items rendering in narrow layout when header shows
 columns in horizontal scroll mode

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../MoneyRequestReportTransactionItem.tsx                   | 6 +++++-
 .../MoneyRequestReportTransactionList.tsx                   | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx
index 420b1584fc77..04c00b51e9b6 100644
--- a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx
+++ b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionItem.tsx
@@ -73,6 +73,9 @@ type MoneyRequestReportTransactionItemProps = {
 
     /** Whether this is the last item in the list */
     isLastItem?: boolean;
+
+    /** Whether the list is horizontally scrollable */
+    shouldScrollHorizontally?: boolean;
 };
 
 function MoneyRequestReportTransactionItem({
@@ -93,6 +96,7 @@ function MoneyRequestReportTransactionItem({
     shouldBeHighlighted,
     nonPersonalAndWorkspaceCards,
     isLastItem = false,
+    shouldScrollHorizontally = false,
 }: MoneyRequestReportTransactionItemProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
@@ -164,7 +168,7 @@ function MoneyRequestReportTransactionItem({
                         amountColumnSize={amountColumnSize}
                         taxAmountColumnSize={taxAmountColumnSize}
                         shouldShowTooltip
-                        shouldUseNarrowLayout={shouldUseNarrowLayout || isMediumScreenWidth}
+                        shouldUseNarrowLayout={shouldUseNarrowLayout || (isMediumScreenWidth && !shouldScrollHorizontally)}
                         shouldShowCheckbox={!!isSelectionModeEnabled || !isSmallScreenWidth}
                         onCheckboxPress={toggleTransaction}
                         columns={columns}
diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx
index ea213c62995d..f1bb64bd2622 100644
--- a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx
+++ b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx
@@ -593,6 +593,7 @@ function MoneyRequestReportTransactionList({
             onArrowRightPress={handleArrowRightPress}
             nonPersonalAndWorkspaceCards={nonPersonalAndWorkspaceCards ?? {}}
             isLastItem={!showPendingExpensePlaceholder && transaction.transactionID === lastTransactionID}
+            shouldScrollHorizontally={shouldScrollHorizontally}
         />
     );