diff --git a/src/components/modular/BalanceRow/index.tsx b/src/components/modular/BalanceRow/index.tsx index 9a4e79333..f2291be2d 100644 --- a/src/components/modular/BalanceRow/index.tsx +++ b/src/components/modular/BalanceRow/index.tsx @@ -103,8 +103,12 @@ export const BalanceRow = ({ } }, [bnBalance, dispatch, onChangeText, onPressMaxAmount, token.decimals]); + const justifyContentType = useMemo<'flex-start' | 'space-between'>(() => { + return !Number.isNaN(USDTokenPrice) ? 'space-between' : 'flex-start'; + }, [USDTokenPrice]); + return ( - + )} - - ${NumberUtils.limitDecimalCount(USDTokenPrice, 2)} - + {!Number.isNaN(USDTokenPrice) && ( + + ${NumberUtils.limitDecimalCount(USDTokenPrice, 2)} + + )} ); };