diff --git a/ui/app/pages/confirm-approve/confirm-approve.component.js b/ui/app/pages/confirm-approve/confirm-approve.component.js
index 5dde59b8c66c..e9e3430908fd 100644
--- a/ui/app/pages/confirm-approve/confirm-approve.component.js
+++ b/ui/app/pages/confirm-approve/confirm-approve.component.js
@@ -75,6 +75,10 @@ export default class ConfirmApprove extends Component {
       ? Number(calcTokenAmount(tokenTrackerBalance, decimals)).toPrecision(9)
       : ''
 
+    const customData = customPermissionAmount
+      ? getCustomTxParamsData(data, { customPermissionAmount, tokenAmount, decimals })
+      : null
+
     return (
       <ConfirmTransactionBase
         toAddress={toAddress}
@@ -94,7 +98,7 @@ export default class ConfirmApprove extends Component {
             tokenBalance={tokenBalance}
             showCustomizeGasModal={() => showCustomizeGasModal(txData)}
             showEditApprovalPermissionModal={showEditApprovalPermissionModal}
-            data={data}
+            data={customData || data}
             toAddress={toAddress}
             currentCurrency={currentCurrency}
             ethTransactionTotal={ethTransactionTotal}
@@ -102,10 +106,7 @@ export default class ConfirmApprove extends Component {
           />
         )}
         hideSenderToRecipient
-        customTxParamsData={customPermissionAmount
-          ? getCustomTxParamsData(data, { customPermissionAmount, tokenAmount, decimals })
-          : null
-        }
+        customTxParamsData={customData}
         {...restProps}
       />
     )