From ec6ecd9f102d5ee2073a85e95bf7dfb14b6fb66e Mon Sep 17 00:00:00 2001
From: Dysto coder <dystovskycoder@gmail.com>
Date: Mon, 2 Feb 2026 13:58:36 +0300
Subject: [PATCH] align total spend with company spend

---
 .../MoneyRequestReportView/MoneyRequestReportTotalSpend.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportTotalSpend.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportTotalSpend.tsx
index a92829c46f0f..492df8840d8e 100644
--- a/src/components/MoneyRequestReportView/MoneyRequestReportTotalSpend.tsx
+++ b/src/components/MoneyRequestReportView/MoneyRequestReportTotalSpend.tsx
@@ -5,7 +5,7 @@ import type {StyleProp, ViewStyle} from 'react-native';
 import Animated, {FadeIn, FadeOut} from 'react-native-reanimated';
 import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
-import useResponsiveLayout from '@hooks/useResponsiveLayout';
+import useResponsiveLayoutOnWideRHP from '@hooks/useResponsiveLayoutOnWideRHP';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {convertToDisplayString} from '@libs/CurrencyUtils';
 import type * as OnyxTypes from '@src/types/onyx';
@@ -44,7 +44,7 @@ function MoneyRequestReportTotalSpend({
 }: MoneyRequestReportTotalSpendProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    const {shouldUseNarrowLayout} = useResponsiveLayoutOnWideRHP();
     const isFocused = useIsFocused();
     const shouldShowComments = hasComments || isLoadingReportActions;