diff --git a/src/nft/components/bag/BagRow.tsx b/src/nft/components/bag/BagRow.tsx
index 670511f41d..8c4da986f1 100644
--- a/src/nft/components/bag/BagRow.tsx
+++ b/src/nft/components/bag/BagRow.tsx
@@ -62,6 +62,13 @@ export const BagRow = ({ asset, usdPrice, removeAsset, showRemove, grayscale, is
if (cardHovered && assetCardRef.current && assetCardRef.current.matches(':hover') === false) setCardHovered(false)
+ const assetEthPrice = asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice
+ const assetEthPriceFormatted = formatWeiToDecimal(assetEthPrice)
+ const assetUSDPriceFormatted = ethNumberStandardFormatter(
+ usdPrice ? parseFloat(formatEther(assetEthPrice)) * usdPrice : usdPrice,
+ true
+ )
+
return (
@@ -120,22 +127,12 @@ export const BagRow = ({ asset, usdPrice, removeAsset, showRemove, grayscale, is
)}
{(!showRemoveButton || isMobile) && (
-
+
- {`${formatWeiToDecimal(
- asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice
- )} ETH`}
-
-
- {`${ethNumberStandardFormatter(
- usdPrice
- ? parseFloat(
- formatEther(asset.updatedPriceInfo ? asset.updatedPriceInfo.ETHPrice : asset.priceInfo.ETHPrice)
- ) * usdPrice
- : usdPrice,
- true
- )}`}
+ {assetEthPriceFormatted}
+ ETH
+ {assetUSDPriceFormatted}
)}