diff --git a/src/earn/EarnEnterAmount.test.tsx b/src/earn/EarnEnterAmount.test.tsx
index f8d38f6c645..73f720ccd30 100644
--- a/src/earn/EarnEnterAmount.test.tsx
+++ b/src/earn/EarnEnterAmount.test.tsx
@@ -8,6 +8,7 @@ import AppAnalytics from 'src/analytics/AppAnalytics'
 import { EarnEvents } from 'src/analytics/Events'
 import EarnEnterAmount from 'src/earn/EarnEnterAmount'
 import { usePrepareEnterAmountTransactionsCallback } from 'src/earn/hooks'
+import { Status as EarnStatus } from 'src/earn/slice'
 import { CICOFlow } from 'src/fiatExchanges/types'
 import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
@@ -35,7 +36,6 @@ import {
   mockTokenBalances,
   mockUSDCAddress,
 } from 'test/values'
-import { Status as EarnStatus } from 'src/earn/slice'
 
 jest.mock('src/earn/hooks')
 jest.mock('react-native-localize')
@@ -501,13 +501,6 @@ describe('EarnEnterAmount', () => {
 
       await waitFor(() => expect(getByText('earnFlow.enterAmount.continue')).not.toBeDisabled())
 
-      expect(getByTestId('EarnEnterAmount/Withdraw/Crypto')).toBeTruthy()
-      expect(getByTestId('EarnEnterAmount/Withdraw/Crypto')).toHaveTextContent('11.00 USDC')
-
-      expect(getByTestId('EarnEnterAmount/Withdraw/Fiat')).toBeTruthy()
-      expect(getByTestId('EarnEnterAmount/Withdraw/Fiat')).toBeTruthy()
-      expect(getByTestId('EarnEnterAmount/Withdraw/Fiat')).toHaveTextContent('₱14.63')
-
       expect(getByTestId('EarnEnterAmount/Fees')).toBeTruthy()
       expect(getByTestId('EarnEnterAmount/Fees')).toHaveTextContent('₱0.012')
 
@@ -725,9 +718,9 @@ describe('EarnEnterAmount', () => {
 
       fireEvent.press(within(getByTestId('EarnEnterAmount/AmountOptions')).getByText('maxSymbol'))
       expect(getByTestId('EarnEnterAmount/TokenAmountInput').props.value).toBe(
-        replaceSeparators('100000.42')
+        replaceSeparators('100,000.42')
       )
-      expect(getByTestId('EarnEnterAmount/LocalAmountInput').props.value).toBe(
+      expect(getByTestId('EarnEnterAmount/ExchangeAmount')).toHaveTextContent(
         replaceSeparators('₱133,000.56')
       )
     })
@@ -788,6 +781,7 @@ describe('EarnEnterAmount', () => {
       </Provider>
     )
 
+    fireEvent.changeText(getByTestId('EarnEnterAmount/TokenAmountInput'), '1')
     fireEvent.press(getByTestId('LabelWithInfo/FeeLabel'))
     expect(getByText('earnFlow.enterAmount.feeBottomSheet.feeDetails')).toBeVisible()
     expect(getByTestId('EstNetworkFee/Value')).toBeTruthy()
@@ -813,6 +807,7 @@ describe('EarnEnterAmount', () => {
       </Provider>
     )
 
+    fireEvent.changeText(getByTestId('EarnEnterAmount/TokenAmountInput'), '1')
     fireEvent.press(getByTestId('LabelWithInfo/FeeLabel'))
     expect(getByText('earnFlow.enterAmount.feeBottomSheet.feeDetails')).toBeVisible()
     expect(getByTestId('EstNetworkFee/Value')).toBeTruthy()
@@ -844,6 +839,7 @@ describe('EarnEnterAmount', () => {
       </Provider>
     )
 
+    fireEvent.changeText(getByTestId('EarnEnterAmount/TokenAmountInput'), '1')
     fireEvent.press(getByTestId('LabelWithInfo/SwapLabel'))
     expect(getByText('earnFlow.enterAmount.swapBottomSheet.swapDetails')).toBeVisible()
     expect(getByTestId('SwapTo')).toBeTruthy()
diff --git a/src/earn/EarnEnterAmount.tsx b/src/earn/EarnEnterAmount.tsx
index 10752637e62..bcb276970c8 100644
--- a/src/earn/EarnEnterAmount.tsx
+++ b/src/earn/EarnEnterAmount.tsx
@@ -3,7 +3,6 @@ import BigNumber from 'bignumber.js'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Keyboard, TextInput as RNTextInput, StyleSheet, Text, View } from 'react-native'
-import { getNumberFormatSettings } from 'react-native-localize'
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { EarnEvents, SendEvents } from 'src/analytics/Events'
@@ -14,50 +13,46 @@ import InLineNotification, { NotificationVariant } from 'src/components/InLineNo
 import KeyboardAwareScrollView from 'src/components/KeyboardAwareScrollView'
 import { LabelWithInfo } from 'src/components/LabelWithInfo'
 import RowDivider from 'src/components/RowDivider'
-import TokenBottomSheet, { TokenPickerOrigin } from 'src/components/TokenBottomSheet'
+import TokenBottomSheet, {
+  TokenBottomSheetProps,
+  TokenPickerOrigin,
+} from 'src/components/TokenBottomSheet'
 import TokenDisplay from 'src/components/TokenDisplay'
-import TokenIcon, { IconSize } from 'src/components/TokenIcon'
-import Touchable from 'src/components/Touchable'
+import TokenEnterAmount, {
+  FETCH_UPDATED_TRANSACTIONS_DEBOUNCE_TIME_MS,
+  useEnterAmount,
+} from 'src/components/TokenEnterAmount'
 import CustomHeader from 'src/components/header/CustomHeader'
 import EarnDepositBottomSheet from 'src/earn/EarnDepositBottomSheet'
 import { usePrepareEnterAmountTransactionsCallback } from 'src/earn/hooks'
+import { depositStatusSelector } from 'src/earn/selectors'
 import { getSwapToAmountInDecimals } from 'src/earn/utils'
 import { CICOFlow } from 'src/fiatExchanges/types'
 import ArrowRightThick from 'src/icons/ArrowRightThick'
-import DownArrowIcon from 'src/icons/DownArrowIcon'
-import { LocalCurrencySymbol } from 'src/localCurrency/consts'
-import { getLocalCurrencySymbol } from 'src/localCurrency/selectors'
 import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { StackParamList } from 'src/navigator/types'
 import { hooksApiUrlSelector, positionsWithBalanceSelector } from 'src/positions/selectors'
 import { EarnPosition, Position } from 'src/positions/types'
 import { useSelector } from 'src/redux/hooks'
-import { AmountInput } from 'src/send/EnterAmount'
 import EnterAmountOptions from 'src/send/EnterAmountOptions'
-import { AmountEnteredIn } from 'src/send/types'
 import { NETWORK_NAMES } from 'src/shared/conts'
 import Colors from 'src/styles/colors'
 import { typeScale } from 'src/styles/fonts'
 import { Spacing } from 'src/styles/styles'
 import { SwapTransaction } from 'src/swap/types'
-import { useLocalToTokenAmount, useTokenInfo, useTokenToLocalAmount } from 'src/tokens/hooks'
+import { useTokenInfo } from 'src/tokens/hooks'
 import { feeCurrenciesSelector, swappableFromTokensByNetworkIdSelector } from 'src/tokens/selectors'
 import { TokenBalance } from 'src/tokens/slice'
 import Logger from 'src/utils/Logger'
-import { parseInputAmount } from 'src/utils/parsing'
 import { getFeeCurrencyAndAmounts, PreparedTransactionsResult } from 'src/viem/prepareTransactions'
 import { walletAddressSelector } from 'src/web3/selectors'
 import { isAddress } from 'viem'
-import { depositStatusSelector } from 'src/earn/selectors'
 
 type Props = NativeStackScreenProps<StackParamList, Screens.EarnEnterAmount>
 
 const TAG = 'EarnEnterAmount'
 
-const TOKEN_SELECTOR_BORDER_RADIUS = 100
-const FETCH_UPDATED_TRANSACTIONS_DEBOUNCE_TIME = 250
-
 function useTokens({ pool }: { pool: EarnPosition }) {
   const depositToken = useTokenInfo(pool.dataProps.depositTokenId)
   const withdrawToken = useTokenInfo(pool.dataProps.withdrawTokenId)
@@ -93,7 +88,7 @@ function useTokens({ pool }: { pool: EarnPosition }) {
   }
 }
 
-function EarnEnterAmount({ route }: Props) {
+export default function EarnEnterAmount({ route }: Props) {
   const { t } = useTranslation()
   const insets = useSafeAreaInsets()
 
@@ -117,25 +112,54 @@ function EarnEnterAmount({ route }: Props) {
     }
   }, [mode])
 
-  const [inputToken, setInputToken] = useState<TokenBalance>(() => availableInputTokens[0])
-
+  /**
+   * Use different balance for the withdrawal flow. As described in this discussion
+   * (https://github.com/valora-inc/wallet/pull/6246#discussion_r1883426564) the intent of this
+   * is to abstract away the LP token from the user and just display the token they're depositing,
+   * so we need to convert the LP token balance to deposit and back to LP token when transacting."
+   */
+  const [inputToken, setInputToken] = useState(() => ({
+    ...availableInputTokens[0],
+    balance: isWithdrawal
+      ? withdrawToken.balance.multipliedBy(pool.pricePerShare[0])
+      : availableInputTokens[0].balance,
+  }))
+
+  const inputRef = useRef<RNTextInput>(null)
+  const tokenBottomSheetRef = useRef<BottomSheetModalRefType>(null)
   const reviewBottomSheetRef = useRef<BottomSheetModalRefType>(null)
   const feeDetailsBottomSheetRef = useRef<BottomSheetModalRefType>(null)
   const swapDetailsBottomSheetRef = useRef<BottomSheetModalRefType>(null)
-  const tokenBottomSheetRef = useRef<BottomSheetModalRefType>(null)
-  const tokenAmountInputRef = useRef<RNTextInput>(null)
-  const localAmountInputRef = useRef<RNTextInput>(null)
 
-  const [tokenAmountInput, setTokenAmountInput] = useState<string>('')
-  const [localAmountInput, setLocalAmountInput] = useState<string>('')
-  const [enteredIn, setEnteredIn] = useState<AmountEnteredIn>('token')
   const [selectedPercentage, setSelectedPercentage] = useState<number | null>(null)
-
-  // this should never be null, just adding a default to make TS happy
-  const localCurrencySymbol = useSelector(getLocalCurrencySymbol) ?? LocalCurrencySymbol.USD
   const hooksApiUrl = useSelector(hooksApiUrlSelector)
+  const walletAddress = useSelector(walletAddressSelector)
 
-  const onTokenPickerSelect = () => {
+  const {
+    prepareTransactionsResult: { prepareTransactionsResult, swapTransaction } = {},
+    refreshPreparedTransactions,
+    clearPreparedTransactions,
+    prepareTransactionError,
+    isPreparingTransactions,
+  } = usePrepareEnterAmountTransactionsCallback(mode)
+
+  const {
+    amount,
+    replaceAmount,
+    amountType,
+    processedAmounts,
+    handleAmountInputChange,
+    handleToggleAmountType,
+    handleSelectPercentageAmount,
+  } = useEnterAmount({
+    token: inputToken,
+    inputRef,
+    onHandleAmountInputChange: () => {
+      setSelectedPercentage(null)
+    },
+  })
+
+  const onOpenTokenPicker = () => {
     tokenBottomSheetRef.current?.snapToIndex(0)
     AppAnalytics.track(SendEvents.token_dropdown_opened, {
       currentTokenId: inputToken.tokenId,
@@ -144,22 +168,19 @@ function EarnEnterAmount({ route }: Props) {
     })
   }
 
-  const onSelectToken = (token: TokenBalance) => {
-    setInputToken(token)
+  const onSelectToken: TokenBottomSheetProps['onTokenSelected'] = (selectedToken) => {
+    // Use different balance for the withdrawal flow.
+    setInputToken({
+      ...selectedToken,
+      balance: isWithdrawal
+        ? withdrawToken.balance.multipliedBy(pool.pricePerShare[0])
+        : selectedToken.balance,
+    })
+    replaceAmount('')
     tokenBottomSheetRef.current?.close()
     // NOTE: analytics is already fired by the bottom sheet, don't need one here
   }
 
-  const {
-    prepareTransactionsResult: { prepareTransactionsResult, swapTransaction } = {},
-    refreshPreparedTransactions,
-    clearPreparedTransactions,
-    prepareTransactionError,
-    isPreparingTransactions,
-  } = usePrepareEnterAmountTransactionsCallback(mode)
-
-  const walletAddress = useSelector(walletAddressSelector)
-
   const handleRefreshPreparedTransactions = (
     amount: BigNumber,
     token: TokenBalance,
@@ -182,78 +203,19 @@ function EarnEnterAmount({ route }: Props) {
     })
   }
 
-  const { decimalSeparator, groupingSeparator } = getNumberFormatSettings()
-  // only allow numbers, one decimal separator, and two decimal places
-  const localAmountRegex = new RegExp(
-    `^(\\d+([${decimalSeparator}])?\\d{0,2}|[${decimalSeparator}]\\d{0,2}|[${decimalSeparator}])$`
-  )
-  // only allow numbers, one decimal separator
-  const tokenAmountRegex = new RegExp(
-    `^(?:\\d+[${decimalSeparator}]?\\d*|[${decimalSeparator}]\\d*|[${decimalSeparator}])$`
-  )
-  const parsedTokenAmount = useMemo(
-    () => parseInputAmount(tokenAmountInput, decimalSeparator),
-    [tokenAmountInput]
-  )
-  const parsedLocalAmount = useMemo(
-    () =>
-      parseInputAmount(
-        localAmountInput.replaceAll(groupingSeparator, '').replace(localCurrencySymbol, ''),
-        decimalSeparator
-      ),
-    [localAmountInput]
-  )
-
-  const tokenToLocal = useTokenToLocalAmount(parsedTokenAmount, inputToken.tokenId)
-  const localToToken = useLocalToTokenAmount(parsedLocalAmount, inputToken.tokenId)
-
-  const { tokenAmount } = useMemo(() => {
-    if (enteredIn === 'token') {
-      setLocalAmountInput(
-        tokenToLocal && tokenToLocal.gt(0)
-          ? `${localCurrencySymbol}${tokenToLocal.toFormat(2)}` // automatically adds grouping separators
-          : ''
-      )
-      return {
-        tokenAmount: parsedTokenAmount,
-        localAmount: tokenToLocal,
-      }
-    } else {
-      setTokenAmountInput(
-        localToToken && localToToken.gt(0)
-          ? // no group separator for token amount, round to token.decimals and strip trailing zeros
-            localToToken
-              .toFormat(inputToken.decimals, { decimalSeparator })
-              .replace(new RegExp(`[${decimalSeparator}]?0+$`), '')
-          : ''
-      )
-      return {
-        tokenAmount: localToToken,
-        localAmount: parsedLocalAmount,
-      }
-    }
-  }, [tokenAmountInput, localAmountInput, enteredIn, inputToken])
-
   // This is for withdrawals as we want the user to be able to input the amounts in the deposit token
   const { transactionToken, transactionTokenAmount } = useMemo(() => {
     const transactionToken = isWithdrawal ? withdrawToken : inputToken
     const transactionTokenAmount = isWithdrawal
-      ? tokenAmount && tokenAmount.dividedBy(pool.pricePerShare[0])
-      : tokenAmount
+      ? processedAmounts.token.bignum &&
+        processedAmounts.token.bignum.dividedBy(pool.pricePerShare[0])
+      : processedAmounts.token.bignum
 
     return {
       transactionToken,
       transactionTokenAmount,
     }
-  }, [inputToken, withdrawToken, tokenAmount, isWithdrawal, pool])
-
-  const balanceInInputToken = useMemo(
-    () =>
-      isWithdrawal
-        ? transactionToken.balance.multipliedBy(pool.pricePerShare[0])
-        : transactionToken.balance,
-    [transactionToken, isWithdrawal, pool]
-  )
+  }, [inputToken, withdrawToken, processedAmounts.token.bignum, isWithdrawal, pool])
 
   const feeCurrencies = useSelector((state) =>
     feeCurrenciesSelector(state, transactionToken.networkId)
@@ -263,10 +225,10 @@ function EarnEnterAmount({ route }: Props) {
     clearPreparedTransactions()
 
     if (
-      !tokenAmount ||
+      !processedAmounts.token.bignum ||
       !transactionTokenAmount ||
-      tokenAmount.isLessThanOrEqualTo(0) ||
-      tokenAmount.isGreaterThan(balanceInInputToken)
+      processedAmounts.token.bignum.isLessThanOrEqualTo(0) ||
+      processedAmounts.token.bignum.isGreaterThan(inputToken.balance)
     ) {
       return
     }
@@ -276,20 +238,21 @@ function EarnEnterAmount({ route }: Props) {
         transactionToken,
         feeCurrencies
       )
-    }, FETCH_UPDATED_TRANSACTIONS_DEBOUNCE_TIME)
+    }, FETCH_UPDATED_TRANSACTIONS_DEBOUNCE_TIME_MS)
     return () => clearTimeout(debouncedRefreshTransactions)
-  }, [tokenAmount, mode, transactionToken, feeCurrencies])
+  }, [processedAmounts.token.bignum?.toString(), mode, transactionToken, inputToken, feeCurrencies])
 
   const { estimatedFeeAmount, feeCurrency, maxFeeAmount } =
     getFeeCurrencyAndAmounts(prepareTransactionsResult)
 
-  const isAmountLessThanBalance = tokenAmount && tokenAmount.lte(balanceInInputToken)
+  const showLowerAmountError =
+    processedAmounts.token.bignum && processedAmounts.token.bignum.gt(inputToken.balance)
   const showNotEnoughBalanceForGasWarning =
-    isAmountLessThanBalance &&
+    !showLowerAmountError &&
     prepareTransactionsResult &&
     prepareTransactionsResult.type === 'not-enough-balance-for-gas'
   const transactionIsPossible =
-    isAmountLessThanBalance &&
+    !showLowerAmountError &&
     prepareTransactionsResult &&
     prepareTransactionsResult.type === 'possible' &&
     prepareTransactionsResult.transactions.length > 0
@@ -308,51 +271,10 @@ function EarnEnterAmount({ route }: Props) {
     // Should disable if the user enters 0, has enough balance but the transaction
     // is not possible, does not have enough balance, or if transaction is already
     // submitted
-    !!tokenAmount?.isZero() || !transactionIsPossible || transactionSubmitted
-
-  const onTokenAmountInputChange = (value: string) => {
-    setSelectedPercentage(null)
-    if (!value) {
-      setTokenAmountInput('')
-      setEnteredIn('token')
-    } else {
-      if (value.startsWith(decimalSeparator)) {
-        value = `0${value}`
-      }
-      if (value.match(tokenAmountRegex)) {
-        setTokenAmountInput(value)
-        setEnteredIn('token')
-      }
-    }
-  }
-
-  const onLocalAmountInputChange = (value: string) => {
-    setSelectedPercentage(null)
-    // remove leading currency symbol and grouping separators
-    if (value.startsWith(localCurrencySymbol)) {
-      value = value.slice(1)
-    }
-    value = value.replaceAll(groupingSeparator, '')
-    if (!value) {
-      setLocalAmountInput('')
-      setEnteredIn('local')
-    } else {
-      if (value.startsWith(decimalSeparator)) {
-        value = `0${value}`
-      }
-      if (value.match(localAmountRegex)) {
-        // add back currency symbol and grouping separators
-        setLocalAmountInput(
-          `${localCurrencySymbol}${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, groupingSeparator)
-        )
-        setEnteredIn('local')
-      }
-    }
-  }
+    !!processedAmounts.token.bignum?.isZero() || !transactionIsPossible || transactionSubmitted
 
   const onSelectPercentageAmount = (percentage: number) => {
-    setTokenAmountInput(balanceInInputToken.multipliedBy(percentage).toFormat({ decimalSeparator }))
-    setEnteredIn('token')
+    handleSelectPercentageAmount(percentage)
     setSelectedPercentage(percentage)
 
     AppAnalytics.track(SendEvents.send_percentage_selected, {
@@ -365,33 +287,36 @@ function EarnEnterAmount({ route }: Props) {
   }
 
   const onPressContinue = () => {
-    if (!tokenAmount || !transactionToken) {
+    if (!processedAmounts.token.bignum || !transactionToken) {
       // should never happen
       return
     }
     AppAnalytics.track(EarnEvents.earn_enter_amount_continue_press, {
       // TokenAmount is always deposit token
-      amountInUsd: tokenAmount.multipliedBy(inputToken.priceUsd ?? 0).toFixed(2),
-      amountEnteredIn: enteredIn,
+      amountInUsd: processedAmounts.token.bignum.multipliedBy(inputToken.priceUsd ?? 0).toFixed(2),
+      amountEnteredIn: amountType,
       depositTokenId: pool.dataProps.depositTokenId,
       networkId: inputToken.networkId,
       providerId: pool.appId,
       poolId: pool.positionId,
       fromTokenId: inputToken.tokenId,
-      fromTokenAmount: tokenAmount.toString(),
+      fromTokenAmount: processedAmounts.token.bignum.toString(),
       mode,
       depositTokenAmount: isWithdrawal
         ? undefined
         : swapTransaction
-          ? getSwapToAmountInDecimals({ swapTransaction, fromAmount: tokenAmount }).toString()
-          : tokenAmount.toString(),
+          ? getSwapToAmountInDecimals({
+              swapTransaction,
+              fromAmount: processedAmounts.token.bignum,
+            }).toString()
+          : processedAmounts.token.bignum.toString(),
     })
 
     if (isWithdrawal) {
       navigate(Screens.EarnConfirmationScreen, {
         pool,
         mode,
-        inputAmount: tokenAmount.toString(),
+        inputAmount: processedAmounts.token.bignum.toString(),
         useMax: selectedPercentage === 1,
       })
     } else {
@@ -421,61 +346,37 @@ function EarnEnterAmount({ route }: Props) {
               ? t('earnFlow.enterAmount.titleWithdraw')
               : t('earnFlow.enterAmount.title')}
           </Text>
-          <View style={styles.inputBox}>
-            <View style={styles.inputRow}>
-              <AmountInput
-                inputRef={tokenAmountInputRef}
-                inputValue={tokenAmountInput}
-                onInputChange={onTokenAmountInputChange}
-                inputStyle={styles.inputText}
-                autoFocus
-                placeholder={new BigNumber(0).toFormat(2)}
-                testID="EarnEnterAmount/TokenAmountInput"
-              />
-              <Touchable
-                borderRadius={TOKEN_SELECTOR_BORDER_RADIUS}
-                onPress={onTokenPickerSelect}
-                style={styles.tokenSelectButton}
-                disabled={!dropdownEnabled}
-                testID="EarnEnterAmount/TokenSelect"
-              >
-                <>
-                  <TokenIcon token={inputToken} size={IconSize.SMALL} />
-                  <Text style={styles.tokenName}>{inputToken.symbol}</Text>
-                  {dropdownEnabled && <DownArrowIcon color={Colors.gray5} />}
-                </>
-              </Touchable>
-            </View>
-            <View style={styles.localAmountRow}>
-              <AmountInput
-                inputValue={transactionToken.priceUsd ? localAmountInput : '-'}
-                onInputChange={onLocalAmountInputChange}
-                inputRef={localAmountInputRef}
-                inputStyle={styles.localAmount}
-                placeholder={`${localCurrencySymbol}${new BigNumber(0).toFormat(2)}`}
-                testID="EarnEnterAmount/LocalAmountInput"
-                editable={!!transactionToken.priceUsd}
-              />
-            </View>
-          </View>
-          {tokenAmount && prepareTransactionsResult && !isWithdrawal && (
+          <TokenEnterAmount
+            autoFocus
+            testID="EarnEnterAmount"
+            token={inputToken}
+            inputValue={amount}
+            inputRef={inputRef}
+            tokenAmount={processedAmounts.token.displayAmount}
+            localAmount={processedAmounts.local.displayAmount}
+            onInputChange={handleAmountInputChange}
+            amountType={amountType}
+            toggleAmountType={handleToggleAmountType}
+            onOpenTokenPicker={dropdownEnabled ? onOpenTokenPicker : undefined}
+          />
+          {processedAmounts.token.bignum && prepareTransactionsResult && !isWithdrawal && (
             <TransactionDepositDetails
               pool={pool}
               token={inputToken}
-              tokenAmount={tokenAmount}
+              tokenAmount={processedAmounts.token.bignum}
               prepareTransactionsResult={prepareTransactionsResult}
               feeDetailsBottomSheetRef={feeDetailsBottomSheetRef}
               swapDetailsBottomSheetRef={swapDetailsBottomSheetRef}
               swapTransaction={swapTransaction}
             />
           )}
-          {tokenAmount && isWithdrawal && (
+          {isWithdrawal && (
             <TransactionWithdrawDetails
               pool={pool}
               token={transactionToken}
               prepareTransactionsResult={prepareTransactionsResult}
               feeDetailsBottomSheetRef={feeDetailsBottomSheetRef}
-              balanceInInputToken={balanceInInputToken}
+              balanceInInputToken={inputToken.balance}
               rewardsPositions={rewardsPositions}
             />
           )}
@@ -513,7 +414,7 @@ function EarnEnterAmount({ route }: Props) {
             testID="EarnEnterAmount/NotEnoughForGasWarning"
           />
         )}
-        {!isAmountLessThanBalance && (
+        {showLowerAmountError && (
           <InLineNotification
             variant={NotificationVariant.Warning}
             title={t('sendEnterAmountScreen.insufficientBalanceWarning.title', {
@@ -561,7 +462,7 @@ function EarnEnterAmount({ route }: Props) {
           testID="EarnEnterAmount/Continue"
         />
       </KeyboardAwareScrollView>
-      {tokenAmount && (
+      {processedAmounts.token.bignum && (
         <FeeDetailsBottomSheet
           forwardedRef={feeDetailsBottomSheetRef}
           testID="FeeDetailsBottomSheet"
@@ -571,26 +472,26 @@ function EarnEnterAmount({ route }: Props) {
           swapTransaction={swapTransaction}
           pool={pool}
           token={inputToken}
-          tokenAmount={tokenAmount}
+          tokenAmount={processedAmounts.token.bignum}
           isWithdrawal={isWithdrawal}
         />
       )}
-      {swapTransaction && tokenAmount && (
+      {swapTransaction && processedAmounts.token.bignum && (
         <SwapDetailsBottomSheet
           forwardedRef={swapDetailsBottomSheetRef}
           testID="SwapDetailsBottomSheet"
           swapTransaction={swapTransaction}
           token={inputToken}
           pool={pool}
-          tokenAmount={tokenAmount}
-          parsedTokenAmount={parsedTokenAmount}
+          tokenAmount={processedAmounts.token.bignum}
+          parsedTokenAmount={processedAmounts.token.bignum}
         />
       )}
-      {tokenAmount && prepareTransactionsResult?.type === 'possible' && (
+      {processedAmounts.token.bignum && prepareTransactionsResult?.type === 'possible' && (
         <EarnDepositBottomSheet
           forwardedRef={reviewBottomSheetRef}
           preparedTransaction={prepareTransactionsResult}
-          inputAmount={tokenAmount}
+          inputAmount={processedAmounts.token.bignum}
           pool={pool}
           mode={mode}
           swapTransaction={swapTransaction}
@@ -626,41 +527,26 @@ function TransactionWithdrawDetails({
   const { t } = useTranslation()
   const { maxFeeAmount, feeCurrency } = getFeeCurrencyAndAmounts(prepareTransactionsResult)
 
+  /**
+   * This details block renders only conditional sections. If no checks pass - the empty box will
+   * be shown (and we don't want that). In order to omit the empty box - we don't render anything
+   * if all the variables necessary for at least one successful condition is false.
+   */
+  if (!maxFeeAmount && !feeCurrency && !pool.dataProps.withdrawalIncludesClaim) {
+    return null
+  }
+
   return (
     <View style={styles.txDetailsContainer} testID="EnterAmountWithdrawInfoCard">
-      <View style={styles.txDetailsLineItem}>
-        <LabelWithInfo
-          label={t('earnFlow.enterAmount.available')}
-          testID="LabelWithInfo/AvailableLabel"
-        />
-        <View style={styles.txDetailsValue}>
-          <TokenDisplay
-            tokenId={pool.dataProps.depositTokenId}
-            testID="EarnEnterAmount/Withdraw/Fiat"
-            amount={balanceInInputToken}
-            showLocalAmount={true}
-            style={styles.txDetailsValueText}
-          />
-          <Text style={[styles.txDetailsValueText, styles.gray4]}>
-            {'('}
-            <TokenDisplay
-              testID="EarnEnterAmount/Withdraw/Crypto"
-              tokenId={pool.dataProps.depositTokenId}
-              amount={balanceInInputToken}
-              showLocalAmount={false}
-            />
-            {')'}
-          </Text>
-        </View>
-      </View>
       {pool.dataProps.withdrawalIncludesClaim &&
         rewardsPositions.map((position, index) => (
           <View key={index} style={styles.txDetailsLineItem}>
             <LabelWithInfo
               label={t('earnFlow.enterAmount.claimingReward')}
               testID={`LabelWithInfo/ClaimingReward-${index}`}
+              style={{ flex: 0 }}
             />
-            <View style={{ ...styles.txDetailsValue, flex: 1 }}>
+            <View style={styles.txDetailsValue}>
               <TokenDisplay
                 testID={`EarnEnterAmount/Reward-${index}`}
                 tokenId={position.tokens[0].tokenId}
@@ -1052,8 +938,9 @@ const styles = StyleSheet.create({
     flexGrow: 1,
   },
   title: {
-    ...typeScale.titleSmall,
+    ...typeScale.titleMedium,
     color: Colors.black,
+    marginBottom: Spacing.Thick24,
   },
   inputContainer: {
     flex: 1,
@@ -1062,53 +949,6 @@ const styles = StyleSheet.create({
     paddingTop: Spacing.Thick24,
     marginTop: 'auto',
   },
-  inputBox: {
-    marginTop: Spacing.Large32,
-    backgroundColor: Colors.gray1,
-    borderWidth: 1,
-    borderRadius: 16,
-    borderColor: Colors.gray2,
-  },
-  inputRow: {
-    paddingHorizontal: Spacing.Regular16,
-    paddingTop: Spacing.Smallest8,
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  localAmountRow: {
-    marginTop: Spacing.Thick24,
-    marginLeft: Spacing.Regular16,
-    paddingRight: Spacing.Regular16,
-    paddingBottom: Spacing.Regular16,
-    paddingTop: Spacing.Thick24,
-    borderTopColor: Colors.gray2,
-    borderTopWidth: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  inputText: {
-    ...typeScale.titleMedium,
-    color: Colors.black,
-  },
-  tokenSelectButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: Colors.white,
-    borderWidth: 1,
-    borderColor: Colors.gray2,
-    borderRadius: TOKEN_SELECTOR_BORDER_RADIUS,
-    paddingHorizontal: Spacing.Smallest8,
-    paddingVertical: Spacing.Tiny4,
-  },
-  tokenName: {
-    ...typeScale.labelSmall,
-    paddingLeft: Spacing.Tiny4,
-    paddingRight: Spacing.Smallest8,
-    color: Colors.black,
-  },
-  localAmount: {
-    ...typeScale.labelMedium,
-  },
   warning: {
     marginTop: Spacing.Regular16,
     paddingHorizontal: Spacing.Regular16,
@@ -1179,5 +1019,3 @@ const styles = StyleSheet.create({
     color: Colors.black,
   },
 })
-
-export default EarnEnterAmount
diff --git a/src/send/EnterAmount.tsx b/src/send/EnterAmount.tsx
index 9b812f9fb1a..eb5553d24ac 100644
--- a/src/send/EnterAmount.tsx
+++ b/src/send/EnterAmount.tsx
@@ -1,15 +1,7 @@
 import BigNumber from 'bignumber.js'
 import React, { ComponentType, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  Keyboard,
-  Platform,
-  TextInput as RNTextInput,
-  StyleProp,
-  StyleSheet,
-  Text,
-  TextStyle,
-} from 'react-native'
+import { Keyboard, TextInput as RNTextInput, StyleSheet, Text } from 'react-native'
 import { View } from 'react-native-animatable'
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
 import AppAnalytics from 'src/analytics/AppAnalytics'
@@ -20,7 +12,6 @@ import Button, { BtnSizes } from 'src/components/Button'
 import InLineNotification, { NotificationVariant } from 'src/components/InLineNotification'
 import KeyboardAwareScrollView from 'src/components/KeyboardAwareScrollView'
 import { LabelWithInfo } from 'src/components/LabelWithInfo'
-import TextInput from 'src/components/TextInput'
 import TokenBottomSheet, {
   TokenBottomSheetProps,
   TokenPickerOrigin,
@@ -360,14 +351,9 @@ const styles = StyleSheet.create({
     ...typeScale.titleMedium,
     marginBottom: Spacing.Thick24,
   },
-
   inputContainer: {
     flex: 1,
   },
-  input: {
-    flex: 1,
-    marginRight: Spacing.Smallest8,
-  },
   feeContainer: {
     marginVertical: Spacing.Regular16,
     padding: Spacing.Regular16,
@@ -404,73 +390,3 @@ const styles = StyleSheet.create({
     borderRadius: 16,
   },
 })
-
-export function AmountInput({
-  inputValue,
-  onInputChange,
-  inputRef,
-  inputStyle,
-  autoFocus,
-  placeholder = '0',
-  testID = 'AmountInput',
-  editable = true,
-}: {
-  inputValue: string
-  onInputChange(value: string): void
-  inputRef: React.MutableRefObject<RNTextInput | null>
-  inputStyle?: StyleProp<TextStyle>
-  autoFocus?: boolean
-  placeholder?: string
-  testID?: string
-  editable?: boolean
-}) {
-  // the startPosition and inputRef variables exist to ensure TextInput
-  // displays the start of the value for long values on Android
-  // https://github.com/facebook/react-native/issues/14845
-  const [startPosition, setStartPosition] = useState<number | undefined>(0)
-
-  const handleSetStartPosition = (value?: number) => {
-    if (Platform.OS === 'android') {
-      setStartPosition(value)
-    }
-  }
-
-  return (
-    <View style={styles.input}>
-      <TextInput
-        forwardedRef={inputRef}
-        onChangeText={(value) => {
-          handleSetStartPosition(undefined)
-          onInputChange(value)
-        }}
-        editable={editable}
-        value={inputValue || undefined}
-        placeholder={placeholder}
-        keyboardType="decimal-pad"
-        // Work around for RN issue with Samsung keyboards
-        // https://github.com/facebook/react-native/issues/22005
-        autoCapitalize="words"
-        autoFocus={autoFocus}
-        // unset lineHeight to allow ellipsis on long inputs on iOS. For
-        // android, ellipses doesn't work and unsetting line height causes
-        // height changes when amount is entered
-        inputStyle={[inputStyle, Platform.select({ ios: { lineHeight: undefined } })]}
-        testID={testID}
-        onBlur={() => {
-          handleSetStartPosition(0)
-        }}
-        onFocus={() => {
-          handleSetStartPosition(inputValue?.length ?? 0)
-        }}
-        onSelectionChange={() => {
-          handleSetStartPosition(undefined)
-        }}
-        selection={
-          Platform.OS === 'android' && typeof startPosition === 'number'
-            ? { start: startPosition }
-            : undefined
-        }
-      />
-    </View>
-  )
-}