diff --git a/apps/cowswap-frontend/src/legacy/components/TransactionConfirmationModal/index.tsx b/apps/cowswap-frontend/src/legacy/components/TransactionConfirmationModal/index.tsx
index 60c4a3e5ee..18a87ea32e 100644
--- a/apps/cowswap-frontend/src/legacy/components/TransactionConfirmationModal/index.tsx
+++ b/apps/cowswap-frontend/src/legacy/components/TransactionConfirmationModal/index.tsx
@@ -6,7 +6,6 @@ import { Currency } from '@uniswap/sdk-core'
 
 import { getActivityState, useActivityDerivedState } from 'legacy/hooks/useActivityDerivedState'
 import { useMultipleActivityDescriptors } from 'legacy/hooks/useRecentActivity'
-import TradeGp from 'legacy/state/swap/TradeGp'
 import { ConfirmOperationType } from 'legacy/state/types'
 
 import { useSetIsConfirmationModalOpen } from 'modules/swap/state/surplusModal'
@@ -17,6 +16,7 @@ import { PermitModal } from 'common/containers/PermitModal'
 import { useGetSurplusData } from 'common/hooks/useGetSurplusFiatValue'
 import { CowModal } from 'common/pure/Modal'
 import { TransactionSubmittedContent } from 'common/pure/TransactionSubmittedContent'
+import { TradeAmounts } from 'common/types'
 
 import { LegacyConfirmationPendingContent } from './LegacyConfirmationPendingContent'
 
@@ -29,7 +29,7 @@ export interface ConfirmationModalProps {
   pendingText?: ReactNode
   currencyToAdd?: Currency | undefined
   operationType: ConfirmOperationType
-  trade?: TradeGp | undefined
+  tradeAmounts?: TradeAmounts | undefined
   swapConfirmState?: SwapConfirmState | undefined
 }
 
@@ -42,7 +42,7 @@ export function TransactionConfirmationModal({
   content,
   currencyToAdd,
   operationType,
-  trade,
+  tradeAmounts,
   swapConfirmState,
 }: ConfirmationModalProps) {
   const { chainId } = useWalletInfo()
@@ -80,8 +80,8 @@ export function TransactionConfirmationModal({
       {showPermitModal(swapConfirmState) ? (
         <PermitModal
           onDismiss={onDismiss}
-          inputAmount={trade?.inputAmountWithoutFee}
-          outputAmount={trade?.outputAmountWithoutFee}
+          inputAmount={tradeAmounts?.inputAmount}
+          outputAmount={tradeAmounts?.outputAmount}
           step={swapConfirmState?.permitSignatureState === 'signed' ? 'submit' : 'approve'}
         />
       ) : attemptingTxn ? (
diff --git a/apps/cowswap-frontend/src/legacy/components/swap/ConfirmSwapModal/index.tsx b/apps/cowswap-frontend/src/legacy/components/swap/ConfirmSwapModal/index.tsx
index 3e4bca82c9..f02968dd43 100644
--- a/apps/cowswap-frontend/src/legacy/components/swap/ConfirmSwapModal/index.tsx
+++ b/apps/cowswap-frontend/src/legacy/components/swap/ConfirmSwapModal/index.tsx
@@ -13,6 +13,7 @@ import { SwapConfirmState } from 'modules/swap/state/swapConfirmAtom'
 
 import { RateInfoParams } from 'common/pure/RateInfo'
 import { TransactionErrorContent } from 'common/pure/TransactionErrorContent'
+import { TradeAmounts } from 'common/types'
 
 import { useButtonText } from './hooks'
 
@@ -105,6 +106,12 @@ export function ConfirmSwapModal({
     [swapErrorMessage, onDismiss, modalHeader, modalBottom]
   )
 
+  const tradeAmounts: TradeAmounts | undefined = useMemo(
+    () =>
+      trade ? { inputAmount: trade.inputAmountWithoutFee, outputAmount: trade.outputAmountWithoutFee } : undefined,
+    [trade]
+  )
+
   return (
     <TransactionConfirmationModal
       isOpen={showConfirm}
@@ -115,7 +122,7 @@ export function ConfirmSwapModal({
       pendingText={<PendingText trade={trade} />}
       currencyToAdd={trade?.outputAmount.currency}
       operationType={ConfirmOperationType.ORDER_SIGN}
-      trade={trade}
+      tradeAmounts={tradeAmounts}
       swapConfirmState={swapConfirmState}
     />
   )