diff --git a/packages/mobile/src/components/CurrencyDisplay.tsx b/packages/mobile/src/components/CurrencyDisplay.tsx
index 30b6107e05b..03abed729cd 100644
--- a/packages/mobile/src/components/CurrencyDisplay.tsx
+++ b/packages/mobile/src/components/CurrencyDisplay.tsx
@@ -4,12 +4,14 @@ import BigNumber from 'bignumber.js'
 import * as React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 import { CURRENCIES, CURRENCY_ENUM } from 'src/geth/consts'
+import { LocalCurrencySymbol } from 'src/localCurrency/consts'
 import { getMoneyDisplayValue } from 'src/utils/formatting'
 
 interface Props {
   amount: BigNumber
   size: number
   type: CURRENCY_ENUM
+  currencySymbol?: LocalCurrencySymbol | null
 }
 
 const symbolRatio = 0.6
@@ -31,10 +33,10 @@ export default class CurrencyDisplay extends React.PureComponent<Props> {
   }
 
   render() {
-    const { size, type, amount } = this.props
+    const { size, type, amount, currencySymbol: symbol } = this.props
     const fontSize = size
     const dollarStyle = { fontSize, lineHeight: Math.round(fontSize * 1.3), color: this.color() }
-    const currencySymbol = CURRENCIES[type].symbol
+    const currencySymbol = type === CURRENCY_ENUM.GOLD ? CURRENCIES[type].symbol : symbol
     return (
       <View style={styles.container}>
         <Text numberOfLines={1} style={[fontStyles.regular, this.symbolStyle(fontSize)]}>
diff --git a/packages/mobile/src/components/__snapshots__/AccountOverview.test.tsx.snap b/packages/mobile/src/components/__snapshots__/AccountOverview.test.tsx.snap
index d04e4e73564..3ee4068788e 100644
--- a/packages/mobile/src/components/__snapshots__/AccountOverview.test.tsx.snap
+++ b/packages/mobile/src/components/__snapshots__/AccountOverview.test.tsx.snap
@@ -96,9 +96,7 @@ exports[`renders correctly when Dollar education NUX flow hasn't been completed
                   },
                 ]
               }
-            >
-              $
-            </Text>
+            />
             <Text
               numberOfLines={1}
               style={
@@ -334,9 +332,7 @@ exports[`renders correctly when Gold education NUX flow hasn't been completed 1`
                   },
                 ]
               }
-            >
-              $
-            </Text>
+            />
             <Text
               numberOfLines={1}
               style={
@@ -573,9 +569,7 @@ exports[`renders correctly when not ready 1`] = `
                   },
                 ]
               }
-            >
-              $
-            </Text>
+            />
             <Text
               numberOfLines={1}
               style={
@@ -811,9 +805,7 @@ exports[`renders correctly when ready 1`] = `
                   },
                 ]
               }
-            >
-              $
-            </Text>
+            />
             <Text
               numberOfLines={1}
               style={
@@ -1049,9 +1041,7 @@ exports[`renders correctly when transaction pending 1`] = `
                   },
                 ]
               }
-            >
-              $
-            </Text>
+            />
             <Text
               numberOfLines={1}
               style={
diff --git a/packages/mobile/src/exchange/ExchangeConfirmationCard.test.tsx b/packages/mobile/src/exchange/ExchangeConfirmationCard.test.tsx
index 756d5a4ee2b..90db134169a 100644
--- a/packages/mobile/src/exchange/ExchangeConfirmationCard.test.tsx
+++ b/packages/mobile/src/exchange/ExchangeConfirmationCard.test.tsx
@@ -2,8 +2,10 @@ import { CURRENCY_ENUM } from '@celo/utils/src/currencies'
 import BigNumber from 'bignumber.js'
 import * as React from 'react'
 import 'react-native'
+import { Provider } from 'react-redux'
 import * as renderer from 'react-test-renderer'
 import ExchangeConfirmationCard from 'src/exchange/ExchangeConfirmationCard'
+import { createMockStore } from 'test/utils'
 
 const newDollarBalance = new BigNumber('189.9')
 const newGoldBalance = new BigNumber('207.81')
@@ -12,32 +14,38 @@ const takerAmount = new BigNumber('1.99')
 const exchangeRate = new BigNumber('2')
 const fee = '0.01'
 
+const store = createMockStore({})
+
 it('renders correctly with no exchange rate', () => {
   const tree = renderer.create(
-    <ExchangeConfirmationCard
-      makerToken={CURRENCY_ENUM.GOLD}
-      newDollarBalance={newDollarBalance}
-      newGoldBalance={newGoldBalance}
-      makerAmount={makerAmount}
-      takerAmount={takerAmount}
-      exchangeRate={exchangeRate}
-      fee={fee}
-    />
+    <Provider store={store}>
+      <ExchangeConfirmationCard
+        makerToken={CURRENCY_ENUM.GOLD}
+        newDollarBalance={newDollarBalance}
+        newGoldBalance={newGoldBalance}
+        makerAmount={makerAmount}
+        takerAmount={takerAmount}
+        exchangeRate={exchangeRate}
+        fee={fee}
+      />
+    </Provider>
   )
   expect(tree).toMatchSnapshot()
 })
 
 it('renders correctly with giant numbers', () => {
   const tree = renderer.create(
-    <ExchangeConfirmationCard
-      makerToken={CURRENCY_ENUM.DOLLAR}
-      newDollarBalance={new BigNumber('10000000')}
-      newGoldBalance={new BigNumber('10030000')}
-      makerAmount={new BigNumber('24000000.00')}
-      takerAmount={new BigNumber('18000000000')}
-      exchangeRate={new BigNumber('0.13123123123123123')}
-      fee={fee}
-    />
+    <Provider store={store}>
+      <ExchangeConfirmationCard
+        makerToken={CURRENCY_ENUM.DOLLAR}
+        newDollarBalance={new BigNumber('10000000')}
+        newGoldBalance={new BigNumber('10030000')}
+        makerAmount={new BigNumber('24000000.00')}
+        takerAmount={new BigNumber('18000000000')}
+        exchangeRate={new BigNumber('0.13123123123123123')}
+        fee={fee}
+      />
+    </Provider>
   )
   expect(tree).toMatchSnapshot()
 })
diff --git a/packages/mobile/src/exchange/ExchangeConfirmationCard.tsx b/packages/mobile/src/exchange/ExchangeConfirmationCard.tsx
index b345a0d9891..edf6351dc33 100644
--- a/packages/mobile/src/exchange/ExchangeConfirmationCard.tsx
+++ b/packages/mobile/src/exchange/ExchangeConfirmationCard.tsx
@@ -10,6 +10,7 @@ import ExchangeRate from 'src/exchange/ExchangeRate'
 import FeeExchangeIcon from 'src/exchange/FeeExchangeIcon'
 import { CURRENCY_ENUM } from 'src/geth/consts'
 import { Namespaces } from 'src/i18n'
+import { useLocalCurrencySymbol } from 'src/localCurrency/hooks'
 import FeeIcon from 'src/send/FeeIcon'
 import RoundedArrow from 'src/shared/RoundedArrow'
 import { getMoneyDisplayValue } from 'src/utils/formatting'
@@ -26,97 +27,109 @@ export interface ExchangeConfirmationCardProps {
 
 type Props = ExchangeConfirmationCardProps & WithNamespaces
 
-class ExchangeConfirmationCard extends React.PureComponent<Props> {
-  getTakerToken() {
-    return this.props.makerToken === CURRENCY_ENUM.DOLLAR
-      ? CURRENCY_ENUM.GOLD
-      : CURRENCY_ENUM.DOLLAR
-  }
-
-  getExchangeRate() {
-    const { makerAmount, takerAmount, exchangeRate } = this.props
+const getTakerToken = (props: Props) => {
+  return props.makerToken === CURRENCY_ENUM.DOLLAR ? CURRENCY_ENUM.GOLD : CURRENCY_ENUM.DOLLAR
+}
 
-    if (exchangeRate) {
-      return exchangeRate
-    }
+const getExchangeRate = (props: Props) => {
+  const { makerAmount, takerAmount, exchangeRate } = props
 
-    // For feed drilldown, the exchange rate has not been provided
-    return makerAmount.dividedBy(takerAmount)
+  if (exchangeRate) {
+    return exchangeRate
   }
 
-  renderNewBalances = (newDollarBalance: BigNumber, newGoldBalance: BigNumber) => {
-    const { t } = this.props
+  // For feed drilldown, the exchange rate has not been provided
+  return makerAmount.dividedBy(takerAmount)
+}
 
-    return (
-      <View style={styles.newBalanceContainer}>
-        <View style={styles.line} />
+const renderNewBalances = (
+  props: Props,
+  newDollarBalance: BigNumber,
+  newGoldBalance: BigNumber
+) => {
+  const { t } = props
 
-        <View style={styles.titleContainer}>
-          <Text style={[fontStyles.pCurrency, styles.title]}>{t('newBalance')}</Text>
-        </View>
-        <View style={styles.tabular}>
-          <Text style={fontStyles.bodySecondary}>{t('global:celoDollars')}</Text>
-          <Text numberOfLines={1} style={[fontStyles.body, styles.dollar]}>
-            {getMoneyDisplayValue(newDollarBalance, CURRENCY_ENUM.DOLLAR, true)}
-          </Text>
-        </View>
+  return (
+    <View style={styles.newBalanceContainer}>
+      <View style={styles.line} />
 
-        <View style={styles.tabular}>
-          <Text style={fontStyles.bodySecondary}>{t('global:celoGold')}</Text>
-          <Text numberOfLines={1} style={[fontStyles.body, styles.gold]}>
-            {getMoneyDisplayValue(newGoldBalance, CURRENCY_ENUM.GOLD, true)}
-          </Text>
-        </View>
+      <View style={styles.titleContainer}>
+        <Text style={[fontStyles.pCurrency, styles.title]}>{t('newBalance')}</Text>
+      </View>
+      <View style={styles.tabular}>
+        <Text style={fontStyles.bodySecondary}>{t('global:celoDollars')}</Text>
+        <Text numberOfLines={1} style={[fontStyles.body, styles.dollar]}>
+          {getMoneyDisplayValue(newDollarBalance, CURRENCY_ENUM.DOLLAR, true)}
+        </Text>
       </View>
-    )
-  }
 
-  render() {
-    const {
-      t,
-      newDollarBalance,
-      newGoldBalance,
-      makerAmount,
-      takerAmount,
-      makerToken: token,
-      fee,
-    } = this.props
-
-    return (
-      <View style={styles.container}>
-        <View style={styles.exchange}>
-          <CurrencyDisplay amount={makerAmount} size={36} type={this.props.makerToken} />
-          <View style={styles.arrow}>
-            <RoundedArrow />
-          </View>
-          <CurrencyDisplay amount={takerAmount} size={36} type={this.getTakerToken()} />
-        </View>
+      <View style={styles.tabular}>
+        <Text style={fontStyles.bodySecondary}>{t('global:celoGold')}</Text>
+        <Text numberOfLines={1} style={[fontStyles.body, styles.gold]}>
+          {getMoneyDisplayValue(newGoldBalance, CURRENCY_ENUM.GOLD, true)}
+        </Text>
+      </View>
+    </View>
+  )
+}
 
-        <View style={styles.title}>
-          <ExchangeRate rate={this.getExchangeRate()} makerToken={token} />
+export function ExchangeConfirmationCard(props: Props) {
+  const {
+    t,
+    newDollarBalance,
+    newGoldBalance,
+    makerAmount,
+    takerAmount,
+    makerToken: token,
+    fee,
+  } = props
+
+  const localCurrencySymbol = useLocalCurrencySymbol()
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.exchange}>
+        <CurrencyDisplay
+          amount={makerAmount}
+          size={36}
+          type={props.makerToken}
+          currencySymbol={localCurrencySymbol}
+        />
+        <View style={styles.arrow}>
+          <RoundedArrow />
         </View>
+        <CurrencyDisplay
+          amount={takerAmount}
+          size={36}
+          type={getTakerToken(props)}
+          currencySymbol={localCurrencySymbol}
+        />
+      </View>
 
-        <View style={styles.feeContainer}>
-          <LineItemRow
-            currencySymbol={this.getTakerToken()}
-            amount={fee}
-            title={t('securityFee')}
-            titleIcon={<FeeIcon />}
-          />
-          <LineItemRow
-            currencySymbol={this.getTakerToken()}
-            amount={'0.01'}
-            title={t('exchangeFee')}
-            titleIcon={<FeeExchangeIcon />}
-          />
-        </View>
+      <View style={styles.title}>
+        <ExchangeRate rate={getExchangeRate(props)} makerToken={token} />
+      </View>
 
-        {newDollarBalance &&
-          newGoldBalance &&
-          this.renderNewBalances(newDollarBalance, newGoldBalance)}
+      <View style={styles.feeContainer}>
+        <LineItemRow
+          currencySymbol={getTakerToken(props)}
+          amount={fee}
+          title={t('securityFee')}
+          titleIcon={<FeeIcon />}
+        />
+        <LineItemRow
+          currencySymbol={getTakerToken(props)}
+          amount={'0.01'}
+          title={t('exchangeFee')}
+          titleIcon={<FeeExchangeIcon />}
+        />
       </View>
-    )
-  }
+
+      {newDollarBalance &&
+        newGoldBalance &&
+        renderNewBalances(props, newDollarBalance, newGoldBalance)}
+    </View>
+  )
 }
 
 const styles = StyleSheet.create({
diff --git a/packages/mobile/src/home/CeloDollarsOverview.tsx b/packages/mobile/src/home/CeloDollarsOverview.tsx
index 5acf7b1ae2a..a50063e3a02 100644
--- a/packages/mobile/src/home/CeloDollarsOverview.tsx
+++ b/packages/mobile/src/home/CeloDollarsOverview.tsx
@@ -2,12 +2,16 @@ import colors from '@celo/react-components/styles/colors'
 import fontStyles from '@celo/react-components/styles/fonts'
 import variables from '@celo/react-components/styles/variables'
 import * as React from 'react'
-import { Trans, withNamespaces, WithNamespaces } from 'react-i18next'
+import { withNamespaces, WithNamespaces } from 'react-i18next'
 import { StyleSheet, Text, View } from 'react-native'
 import componentWithAnalytics from 'src/analytics/wrapper'
 import useBalanceAutoRefresh from 'src/home/useBalanceAutoRefresh'
 import { Namespaces } from 'src/i18n'
-import { useDollarsToLocalAmount, useLocalCurrencyCode } from 'src/localCurrency/hooks'
+import {
+  useDollarsToLocalAmount,
+  useLocalCurrencyCode,
+  useLocalCurrencySymbol,
+} from 'src/localCurrency/hooks'
 import useSelector from 'src/redux/useSelector'
 import { getMoneyDisplayValue } from 'src/utils/formatting'
 
@@ -16,25 +20,25 @@ type Props = WithNamespaces
 function CeloDollarsOverview({ t }: Props) {
   useBalanceAutoRefresh()
   const localCurrencyCode = useLocalCurrencyCode()
+  const localCurrencySymbol = useLocalCurrencySymbol()
   const dollarBalance = useSelector((state) => state.stableToken.balance)
   const localBalance = useDollarsToLocalAmount(dollarBalance)
   const localValue =
-    localBalance || dollarBalance === null ? getMoneyDisplayValue(localBalance || 0) : '---'
+    localBalance || dollarBalance === null
+      ? getMoneyDisplayValue(localBalance || 0)
+      : getMoneyDisplayValue(dollarBalance || 0)
 
   return (
     <View style={styles.container}>
-      <Text style={[fontStyles.semiBold, styles.label]}>{t('global:celoDollars')}</Text>
-      <Text style={[fontStyles.semiBold, styles.balance]}>
-        {getMoneyDisplayValue(dollarBalance || 0)}
+      <Text style={styles.balance}>
+        <Text style={fontStyles.semiBold}>{localCurrencySymbol}</Text>
+        <Text style={fontStyles.semiBold}>{localValue}</Text>
+        <Text style={styles.code}> {localBalance ? localCurrencyCode : ''}</Text>
       </Text>
       {!!localCurrencyCode && (
         <Text style={[fontStyles.light, styles.localBalance]}>
-          <Trans i18nKey="localCurrencyEqual">
-            Equal to{' '}
-            <Text style={fontStyles.semiBold}>
-              {{ localValue }} {{ localCurrencyCode }}
-            </Text>
-          </Trans>
+          <Text>{getMoneyDisplayValue(dollarBalance || 0)} </Text>
+          <Text>{t('global:celoDollars')}</Text>
         </Text>
       )}
     </View>
@@ -62,6 +66,9 @@ const styles = StyleSheet.create({
     fontSize: 18,
     color: '#B0B5B9',
   },
+  code: {
+    fontSize: 22,
+  },
 })
 
 export default componentWithAnalytics(withNamespaces(Namespaces.walletFlow5)(CeloDollarsOverview))
diff --git a/packages/mobile/src/home/__snapshots__/CeloDollarsOverview.test.tsx.snap b/packages/mobile/src/home/__snapshots__/CeloDollarsOverview.test.tsx.snap
index b305c726686..1c2b1b91783 100644
--- a/packages/mobile/src/home/__snapshots__/CeloDollarsOverview.test.tsx.snap
+++ b/packages/mobile/src/home/__snapshots__/CeloDollarsOverview.test.tsx.snap
@@ -11,35 +11,42 @@ exports[`CeloDollarsOverview renders correctly 1`] = `
 >
   <Text
     style={
-      Array [
-        Object {
-          "fontFamily": "Hind-SemiBold",
-        },
-        Object {
-          "color": "#2E3338",
-          "fontSize": 18,
-        },
-      ]
+      Object {
+        "color": "#2E3338",
+        "fontSize": 44,
+        "height": 48,
+        "lineHeight": 62,
+      }
     }
   >
-    global:celoDollars
-  </Text>
-  <Text
-    style={
-      Array [
+    <Text
+      style={
         Object {
           "fontFamily": "Hind-SemiBold",
-        },
+        }
+      }
+    >
+      $
+    </Text>
+    <Text
+      style={
         Object {
-          "color": "#2E3338",
-          "fontSize": 44,
-          "height": 48,
-          "lineHeight": 62,
-        },
-      ]
-    }
-  >
-    0.00
+          "fontFamily": "Hind-SemiBold",
+        }
+      }
+    >
+      0.00
+    </Text>
+    <Text
+      style={
+        Object {
+          "fontSize": 22,
+        }
+      }
+    >
+       
+      
+    </Text>
   </Text>
   <Text
     style={
@@ -54,18 +61,12 @@ exports[`CeloDollarsOverview renders correctly 1`] = `
       ]
     }
   >
-    Equal to
-     
-    <Text
-      style={
-        Object {
-          "fontFamily": "Hind-SemiBold",
-        }
-      }
-    >
+    <Text>
       0.00
        
-      MXN
+    </Text>
+    <Text>
+      global:celoDollars
     </Text>
   </Text>
 </View>
diff --git a/packages/mobile/src/home/__snapshots__/WalletHome.test.tsx.snap b/packages/mobile/src/home/__snapshots__/WalletHome.test.tsx.snap
index c7cb521d5f4..557c78552c3 100644
--- a/packages/mobile/src/home/__snapshots__/WalletHome.test.tsx.snap
+++ b/packages/mobile/src/home/__snapshots__/WalletHome.test.tsx.snap
@@ -559,35 +559,42 @@ exports[`Testnet banner Shows testnet banner for 5 seconds 1`] = `
         >
           <Text
             style={
-              Array [
-                Object {
-                  "fontFamily": "Hind-SemiBold",
-                },
-                Object {
-                  "color": "#2E3338",
-                  "fontSize": 18,
-                },
-              ]
+              Object {
+                "color": "#2E3338",
+                "fontSize": 44,
+                "height": 48,
+                "lineHeight": 62,
+              }
             }
           >
-            global:celoDollars
-          </Text>
-          <Text
-            style={
-              Array [
+            <Text
+              style={
                 Object {
                   "fontFamily": "Hind-SemiBold",
-                },
+                }
+              }
+            >
+              $
+            </Text>
+            <Text
+              style={
                 Object {
-                  "color": "#2E3338",
-                  "fontSize": 44,
-                  "height": 48,
-                  "lineHeight": 62,
-                },
-              ]
-            }
-          >
-            0.00
+                  "fontFamily": "Hind-SemiBold",
+                }
+              }
+            >
+              0.00
+            </Text>
+            <Text
+              style={
+                Object {
+                  "fontSize": 22,
+                }
+              }
+            >
+               
+              
+            </Text>
           </Text>
           <Text
             style={
@@ -602,18 +609,12 @@ exports[`Testnet banner Shows testnet banner for 5 seconds 1`] = `
               ]
             }
           >
-            Equal to
-             
-            <Text
-              style={
-                Object {
-                  "fontFamily": "Hind-SemiBold",
-                }
-              }
-            >
+            <Text>
               0.00
                
-              MXN
+            </Text>
+            <Text>
+              global:celoDollars
             </Text>
           </Text>
         </View>
diff --git a/packages/mobile/src/localCurrency/consts.ts b/packages/mobile/src/localCurrency/consts.ts
index 20784fcc551..112645e36a1 100644
--- a/packages/mobile/src/localCurrency/consts.ts
+++ b/packages/mobile/src/localCurrency/consts.ts
@@ -7,4 +7,12 @@ export enum LocalCurrencyCode {
   PHP = 'PHP',
 }
 
+export enum LocalCurrencySymbol {
+  USD = '$',
+  CAD = '$',
+  EUR = '€',
+  MXN = '$',
+  PHP = '₱',
+}
+
 export const LOCAL_CURRENCY_CODES = Object.values(LocalCurrencyCode)
diff --git a/packages/mobile/src/localCurrency/hooks.ts b/packages/mobile/src/localCurrency/hooks.ts
index b16b95d5803..b27fe70c143 100644
--- a/packages/mobile/src/localCurrency/hooks.ts
+++ b/packages/mobile/src/localCurrency/hooks.ts
@@ -1,6 +1,10 @@
 import BigNumber from 'bignumber.js'
 import { convertDollarsToLocalAmount } from 'src/localCurrency/convert'
-import { getLocalCurrencyCode, getLocalCurrencyExchangeRate } from 'src/localCurrency/selectors'
+import {
+  getLocalCurrencyCode,
+  getLocalCurrencyExchangeRate,
+  getLocalCurrencySymbol,
+} from 'src/localCurrency/selectors'
 import useSelector from 'src/redux/useSelector'
 
 export function useExchangeRate() {
@@ -20,3 +24,7 @@ export function useDollarsToLocalAmount(amount: BigNumber.Value | null) {
 export function useLocalCurrencyCode() {
   return useSelector(getLocalCurrencyCode)
 }
+
+export function useLocalCurrencySymbol() {
+  return useSelector(getLocalCurrencySymbol)
+}
diff --git a/packages/mobile/src/localCurrency/selectors.ts b/packages/mobile/src/localCurrency/selectors.ts
index 166db97b105..df4a16d6bb3 100644
--- a/packages/mobile/src/localCurrency/selectors.ts
+++ b/packages/mobile/src/localCurrency/selectors.ts
@@ -1,5 +1,9 @@
 import * as RNLocalize from 'react-native-localize'
-import { LOCAL_CURRENCY_CODES, LocalCurrencyCode } from 'src/localCurrency/consts'
+import {
+  LOCAL_CURRENCY_CODES,
+  LocalCurrencyCode,
+  LocalCurrencySymbol,
+} from 'src/localCurrency/consts'
 import { RootState } from 'src/redux/reducers'
 
 const MIN_UPDATE_INTERVAL = 12 * 3600 * 1000 // 12 hours
@@ -31,6 +35,12 @@ export function getLocalCurrencyCode(state: RootState): LocalCurrencyCode | null
   return currencyCode
 }
 
+export function getLocalCurrencySymbol(state: RootState): LocalCurrencySymbol | null {
+  const currencyCode = state.localCurrency.preferredCurrencyCode || DEVICE_BEST_CURRENCY_CODE
+
+  return currencyCode ? LocalCurrencySymbol[currencyCode] : null
+}
+
 export function getLocalCurrencyExchangeRate(state: RootState) {
   const { exchangeRate, fetchedCurrencyCode } = state.localCurrency
 
diff --git a/packages/mobile/src/send/TransferConfirmationCard.tsx b/packages/mobile/src/send/TransferConfirmationCard.tsx
index 3a10bce1769..fef1f6f7b85 100644
--- a/packages/mobile/src/send/TransferConfirmationCard.tsx
+++ b/packages/mobile/src/send/TransferConfirmationCard.tsx
@@ -13,6 +13,11 @@ import { FAQ_LINK } from 'src/config'
 import { CURRENCY_ENUM } from 'src/geth/consts'
 import { Namespaces } from 'src/i18n'
 import { faucetIcon } from 'src/images/Images'
+import {
+  useDollarsToLocalAmount,
+  useLocalCurrencyCode,
+  useLocalCurrencySymbol,
+} from 'src/localCurrency/hooks'
 import { Recipient } from 'src/recipients/recipient'
 import { TransactionTypes } from 'src/transactions/reducer'
 import { getMoneyDisplayValue, getNetworkFeeDisplayValue } from 'src/utils/formatting'
@@ -20,7 +25,7 @@ import { navigateToURI } from 'src/utils/linking'
 
 const iconSize = 40
 
-export interface OwnProps {
+export interface TransferConfirmationCardProps {
   address?: string
   comment?: string
   value: BigNumber
@@ -31,112 +36,121 @@ export interface OwnProps {
   recipient?: Recipient
 }
 
+type Props = TransferConfirmationCardProps & WithNamespaces
+
 // Bordered content placed in a ReviewFrame
 // Differs from TransferReviewCard which is used during Send flow, this is for completed txs
-class TransferConfirmationCard extends React.Component<OwnProps & WithNamespaces> {
-  onPressGoToFaq = () => {
-    navigateToURI(FAQ_LINK)
-  }
+const onPressGoToFaq = () => {
+  navigateToURI(FAQ_LINK)
+}
 
-  renderTopSection = () => {
-    const { address, recipient, type, e164PhoneNumber } = this.props
-    if (
-      type === TransactionTypes.VERIFICATION_FEE ||
-      type === TransactionTypes.NETWORK_FEE ||
-      type === TransactionTypes.FAUCET
-    ) {
-      return <Image source={faucetIcon} style={style.icon} />
-    } else {
-      return (
-        <Avatar
-          recipient={recipient}
-          address={address}
-          e164Number={e164PhoneNumber}
-          iconSize={iconSize}
-        />
-      )
-    }
+const renderTopSection = (props: Props) => {
+  const { address, recipient, type, e164PhoneNumber } = props
+  if (
+    type === TransactionTypes.VERIFICATION_FEE ||
+    type === TransactionTypes.NETWORK_FEE ||
+    type === TransactionTypes.FAUCET
+  ) {
+    return <Image source={faucetIcon} style={style.icon} />
+  } else {
+    return (
+      <Avatar
+        recipient={recipient}
+        address={address}
+        e164Number={e164PhoneNumber}
+        iconSize={iconSize}
+      />
+    )
   }
+}
 
-  renderAmountSection = () => {
-    const { currency, type, value } = this.props
-
-    switch (type) {
-      case TransactionTypes.INVITE_SENT: // fallthrough
-      case TransactionTypes.INVITE_RECEIVED:
-        return null
-      case TransactionTypes.NETWORK_FEE:
-        return (
-          <MoneyAmount
-            symbol={CURRENCIES[currency].symbol}
-            amount={getNetworkFeeDisplayValue(value, true)}
-          />
-        )
-      default:
-        return (
-          <MoneyAmount symbol={CURRENCIES[currency].symbol} amount={getMoneyDisplayValue(value)} />
-        )
-    }
-  }
+const renderAmountSection = (props: Props) => {
+  const { currency, type, value } = props
 
-  renderBottomSection = () => {
-    const { t, currency, comment, type, value } = this.props
+  const localCurrencyCode = useLocalCurrencyCode()
+  const localCurrencySymbol = useLocalCurrencySymbol()
+  const transactionValue = getMoneyDisplayValue(
+    localCurrencyCode ? useDollarsToLocalAmount(value) || 0 : value
+  )
 
-    if (type === TransactionTypes.VERIFICATION_FEE) {
-      return <Text style={style.pSmall}>{t('receiveFlow8:verificationMessage')}</Text>
-    } else if (type === TransactionTypes.FAUCET) {
+  switch (type) {
+    case TransactionTypes.INVITE_SENT: // fallthrough
+    case TransactionTypes.INVITE_RECEIVED:
+      return null
+    case TransactionTypes.NETWORK_FEE:
       return (
-        <Text style={style.pSmall}>
-          {t('receiveFlow8:receivedAmountFromCelo.0')}
-          {CURRENCIES[currency].symbol}
-          {getMoneyDisplayValue(this.props.value)}
-          {t('receiveFlow8:receivedAmountFromCelo.1')}
-        </Text>
-      )
-    } else if (type === TransactionTypes.NETWORK_FEE) {
-      return (
-        <View>
-          <Text style={style.pSmall}>
-            {t('walletFlow5:networkFeeExplanation.0')}
-            <Text onPress={this.onPressGoToFaq} style={fontStyles.link}>
-              {t('walletFlow5:networkFeeExplanation.1')}
-            </Text>
-          </Text>
-        </View>
+        <MoneyAmount
+          symbol={CURRENCIES[currency].symbol}
+          amount={getNetworkFeeDisplayValue(value, true)}
+        />
       )
-    } else if (type === TransactionTypes.INVITE_SENT || type === TransactionTypes.INVITE_RECEIVED) {
+    default:
       return (
-        <View style={style.bottomContainer}>
-          <View style={style.inviteLine}>
-            <HorizontalLine />
-          </View>
-          <Text style={style.inviteTitle}>{t('inviteFlow11:inviteFee')}</Text>
-          {type === TransactionTypes.INVITE_SENT ? (
-            <Text style={style.pSmall}>{t('inviteFlow11:whySendFees')}</Text>
-          ) : (
-            <Text style={style.pSmall}>{t('inviteFlow11:whyReceiveFees')}</Text>
-          )}
-
-          <MoneyAmount symbol={CURRENCIES[currency].symbol} amount={getMoneyDisplayValue(value)} />
-        </View>
+        <MoneyAmount
+          symbol={localCurrencySymbol || CURRENCIES[currency].symbol}
+          amount={transactionValue}
+        />
       )
-    } else if (comment) {
-      // When we want to add more info to the send tx drilldown, that will go here
-      return <Text style={[style.pSmall, componentStyles.paddingTop5]}>{comment}</Text>
-    }
   }
+}
+
+const renderBottomSection = (props: Props) => {
+  const { t, currency, comment, type, value } = props
 
-  render() {
+  if (type === TransactionTypes.VERIFICATION_FEE) {
+    return <Text style={style.pSmall}>{t('receiveFlow8:verificationMessage')}</Text>
+  } else if (type === TransactionTypes.FAUCET) {
     return (
-      <View style={[componentStyles.roundedBorder, style.container]}>
-        {this.renderTopSection()}
-        {this.renderAmountSection()}
-        {this.renderBottomSection()}
+      <Text style={style.pSmall}>
+        {t('receiveFlow8:receivedAmountFromCelo.0')}
+        {CURRENCIES[currency].symbol}
+        {getMoneyDisplayValue(props.value)}
+        {t('receiveFlow8:receivedAmountFromCelo.1')}
+      </Text>
+    )
+  } else if (type === TransactionTypes.NETWORK_FEE) {
+    return (
+      <View>
+        <Text style={style.pSmall}>
+          {t('walletFlow5:networkFeeExplanation.0')}
+          <Text onPress={onPressGoToFaq} style={fontStyles.link}>
+            {t('walletFlow5:networkFeeExplanation.1')}
+          </Text>
+        </Text>
+      </View>
+    )
+  } else if (type === TransactionTypes.INVITE_SENT || type === TransactionTypes.INVITE_RECEIVED) {
+    return (
+      <View style={style.bottomContainer}>
+        <View style={style.inviteLine}>
+          <HorizontalLine />
+        </View>
+        <Text style={style.inviteTitle}>{t('inviteFlow11:inviteFee')}</Text>
+        {type === TransactionTypes.INVITE_SENT ? (
+          <Text style={style.pSmall}>{t('inviteFlow11:whySendFees')}</Text>
+        ) : (
+          <Text style={style.pSmall}>{t('inviteFlow11:whyReceiveFees')}</Text>
+        )}
+
+        <MoneyAmount symbol={CURRENCIES[currency].symbol} amount={getMoneyDisplayValue(value)} />
       </View>
     )
+  } else if (comment) {
+    // When we want to add more info to the send tx drilldown, that will go here
+    return <Text style={[style.pSmall, componentStyles.paddingTop5]}>{comment}</Text>
   }
 }
 
+export function TransferConfirmationCard(props: Props) {
+  return (
+    <View style={[componentStyles.roundedBorder, style.container]}>
+      {renderTopSection(props)}
+      {renderAmountSection(props)}
+      {renderBottomSection(props)}
+    </View>
+  )
+}
+
 const style = StyleSheet.create({
   container: {
     flex: 1,
diff --git a/packages/mobile/src/send/__snapshots__/TransferConfirmationCard.test.tsx.snap b/packages/mobile/src/send/__snapshots__/TransferConfirmationCard.test.tsx.snap
index e4e7c430630..36d96a6e22f 100644
--- a/packages/mobile/src/send/__snapshots__/TransferConfirmationCard.test.tsx.snap
+++ b/packages/mobile/src/send/__snapshots__/TransferConfirmationCard.test.tsx.snap
@@ -79,7 +79,7 @@ exports[`TransferConfirmationCard renders correctly for faucet drilldown 1`] = `
         ]
       }
     >
-      100.00
+      133.00
     </Text>
   </View>
   <Text
@@ -293,7 +293,7 @@ exports[`TransferConfirmationCard renders correctly for received transaction dri
         ]
       }
     >
-      100.00
+      133.00
     </Text>
   </View>
 </View>
@@ -491,7 +491,7 @@ exports[`TransferConfirmationCard renders correctly for sent transaction drilldo
         ]
       }
     >
-      100.00
+      133.00
     </Text>
   </View>
   <Text
@@ -594,7 +594,7 @@ exports[`TransferConfirmationCard renders correctly for verification fee drilldo
         ]
       }
     >
-      0.30
+      0.39
     </Text>
   </View>
   <Text
diff --git a/packages/mobile/src/transactions/ExchangeFeedItem.tsx b/packages/mobile/src/transactions/ExchangeFeedItem.tsx
index fc784b0a54a..5af4be00b00 100644
--- a/packages/mobile/src/transactions/ExchangeFeedItem.tsx
+++ b/packages/mobile/src/transactions/ExchangeFeedItem.tsx
@@ -10,6 +10,11 @@ import { Image, StyleSheet, Text, View } from 'react-native'
 import { HomeExchangeFragment } from 'src/apollo/types'
 import { CURRENCY_ENUM, resolveCurrency } from 'src/geth/consts'
 import { Namespaces } from 'src/i18n'
+import {
+  useDollarsToLocalAmount,
+  useLocalCurrencyCode,
+  useLocalCurrencySymbol,
+} from 'src/localCurrency/hooks'
 import { navigateToExchangeReview } from 'src/transactions/actions'
 import { ExchangeStandby, TransactionStatus } from 'src/transactions/reducer'
 import { getMoneyDisplayValue } from 'src/utils/formatting'
@@ -64,7 +69,8 @@ function getDollarAmountProps({ dollarAmount, dollarDirection }: ExchangeProps)
 }
 
 export function ExchangeFeedItem(props: Props) {
-  const { showGoldAmount, inSymbol, inValue, outValue, status, timestamp, t, i18n } = props
+  const { showGoldAmount, inSymbol, status, timestamp, t, i18n } = props
+  let { inValue, outValue } = props
 
   const onPress = () => {
     navigateToExchangeReview(timestamp, {
@@ -79,10 +85,25 @@ export function ExchangeFeedItem(props: Props) {
     inCurrency === CURRENCY_ENUM.DOLLAR
       ? getDollarExchangeProps(props)
       : getGoldExchangeProps(props)
-  const { amount, amountDirection, amountColor } = showGoldAmount
+  const amountProps = showGoldAmount
     ? getGoldAmountProps(exchangeProps)
     : getDollarAmountProps(exchangeProps)
 
+  const { amountDirection, amountColor } = amountProps
+  let { amount } = amountProps
+
+  const localCurrencyCode = useLocalCurrencyCode()
+  const localCurrencySymbol = useLocalCurrencySymbol()
+
+  if (!showGoldAmount) {
+    amount = !localCurrencyCode ? amount : useDollarsToLocalAmount(amount) || 0
+  }
+  if (inCurrency === CURRENCY_ENUM.DOLLAR) {
+    inValue = !localCurrencyCode ? inValue : useDollarsToLocalAmount(inValue) || 0
+  } else {
+    outValue = !localCurrencyCode ? outValue : useDollarsToLocalAmount(outValue) || 0
+  }
+
   const timeFormatted = formatFeedTime(timestamp, i18n)
   const dateTimeFormatted = getDatetimeDisplayString(timestamp, t, i18n)
   const isPending = status === TransactionStatus.Pending
@@ -112,7 +133,9 @@ export function ExchangeFeedItem(props: Props) {
               ]}
             >
               {amountDirection}
-              {getMoneyDisplayValue(amount)}
+              {showGoldAmount
+                ? getMoneyDisplayValue(amount)
+                : localCurrencySymbol + getMoneyDisplayValue(amount) + (localCurrencyCode || '')}
             </Text>
           </View>
           <View style={styles.exchangeContainer}>
diff --git a/packages/mobile/src/transactions/TransferFeedItem.tsx b/packages/mobile/src/transactions/TransferFeedItem.tsx
index e348645d403..52d3007ed4c 100644
--- a/packages/mobile/src/transactions/TransferFeedItem.tsx
+++ b/packages/mobile/src/transactions/TransferFeedItem.tsx
@@ -11,7 +11,11 @@ import { CURRENCIES, CURRENCY_ENUM, resolveCurrency } from 'src/geth/consts'
 import { Namespaces } from 'src/i18n'
 import { AddressToE164NumberType } from 'src/identity/reducer'
 import { Invitees } from 'src/invite/actions'
-import { useDollarsToLocalAmount, useLocalCurrencyCode } from 'src/localCurrency/hooks'
+import {
+  useDollarsToLocalAmount,
+  useLocalCurrencyCode,
+  useLocalCurrencySymbol,
+} from 'src/localCurrency/hooks'
 import { getRecipientFromAddress, NumberToRecipient } from 'src/recipients/recipient'
 import { navigateToPaymentTransferReview } from 'src/transactions/actions'
 import { TransactionStatus, TransactionTypes, TransferStandby } from 'src/transactions/reducer'
@@ -136,16 +140,22 @@ export function TransferFeedItem(props: Props) {
     invitees,
     addressToE164Number,
     recipientCache,
-    showLocalCurrency,
   } = props
 
   const localCurrencyCode = useLocalCurrencyCode()
+  const localCurrencySymbol = useLocalCurrencySymbol()
   const localValue = useDollarsToLocalAmount(value)
   const timeFormatted = formatFeedTime(timestamp, i18n)
   const dateTimeFormatted = getDatetimeDisplayString(timestamp, t, i18n)
   const currency = resolveCurrency(symbol)
   const currencyStyle = getCurrencyStyles(currency, type)
   const isPending = status === TransactionStatus.Pending
+  const transactionValue =
+    type === TransactionTypes.NETWORK_FEE
+      ? getNetworkFeeDisplayValue(props.value)
+      : localCurrencyCode
+        ? getMoneyDisplayValue(localValue || 0)
+        : getMoneyDisplayValue(props.value)
 
   const { title, info, recipient } = getTransferFeedParams(
     type,
@@ -179,9 +189,9 @@ export function TransferFeedItem(props: Props) {
               ]}
             >
               {currencyStyle.direction}
-              {type === TransactionTypes.NETWORK_FEE
-                ? getNetworkFeeDisplayValue(props.value)
-                : getMoneyDisplayValue(props.value)}
+              {localCurrencySymbol}
+              {transactionValue}
+              {localCurrencyCode}
             </Text>
           </View>
           {!!info && <Text style={styles.info}>{info}</Text>}
@@ -205,16 +215,6 @@ export function TransferFeedItem(props: Props) {
                 {' ' + timeFormatted}
               </Text>
             )}
-            {showLocalCurrency &&
-              !!localCurrencyCode &&
-              localValue && (
-                <Text style={[fontStyles.bodySmall, styles.localAmount]}>
-                  {t('localCurrencyValue', {
-                    localValue: `${currencyStyle.direction}${getMoneyDisplayValue(localValue)}`,
-                    localCurrencyCode,
-                  })}
-                </Text>
-              )}
           </View>
         </View>
       </View>
diff --git a/packages/mobile/src/transactions/__snapshots__/ExchangeFeedItem.test.tsx.snap b/packages/mobile/src/transactions/__snapshots__/ExchangeFeedItem.test.tsx.snap
index 9af397a1dff..cf0a5981eee 100644
--- a/packages/mobile/src/transactions/__snapshots__/ExchangeFeedItem.test.tsx.snap
+++ b/packages/mobile/src/transactions/__snapshots__/ExchangeFeedItem.test.tsx.snap
@@ -123,7 +123,7 @@ exports[`ExchangeFeedItem renders correctly 1`] = `
             ]
           }
         >
-          1.00
+          1.33
         </Text>
         <View
           style={
diff --git a/packages/mobile/src/transactions/__snapshots__/TransactionFeed.test.tsx.snap b/packages/mobile/src/transactions/__snapshots__/TransactionFeed.test.tsx.snap
index bf81e787ee8..5375ef21e5c 100644
--- a/packages/mobile/src/transactions/__snapshots__/TransactionFeed.test.tsx.snap
+++ b/packages/mobile/src/transactions/__snapshots__/TransactionFeed.test.tsx.snap
@@ -306,7 +306,9 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 }
               >
                 -
-                100.00
+                $
+                133.00
+                MXN
               </Text>
             </View>
             <Text
@@ -371,27 +373,6 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -506,7 +487,7 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 }
               >
                 -
-                20.00
+                $26.60MXN
               </Text>
             </View>
             <View
@@ -532,7 +513,7 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                   ]
                 }
               >
-                20.00
+                26.60
               </Text>
               <View
                 style={
@@ -735,7 +716,9 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 }
               >
                 
+                $
                 &lt;0.001
+                MXN
               </Text>
             </View>
             <Text
@@ -800,27 +783,6 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -935,7 +897,7 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                 }
               >
                 -
-                30.00
+                $39.90MXN
               </Text>
             </View>
             <View
@@ -961,7 +923,7 @@ exports[`renders for gold to dollar exchange properly 1`] = `
                   ]
                 }
               >
-                30.00
+                39.90
               </Text>
               <View
                 style={
@@ -1229,7 +1191,9 @@ exports[`renders for loading 1`] = `
                 }
               >
                 -
-                100.00
+                $
+                133.00
+                MXN
               </Text>
             </View>
             <Text
@@ -1294,27 +1258,6 @@ exports[`renders for loading 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -1429,7 +1372,7 @@ exports[`renders for loading 1`] = `
                 }
               >
                 -
-                20.00
+                $26.60MXN
               </Text>
             </View>
             <View
@@ -1455,7 +1398,7 @@ exports[`renders for loading 1`] = `
                   ]
                 }
               >
-                20.00
+                26.60
               </Text>
               <View
                 style={
@@ -1658,7 +1601,9 @@ exports[`renders for loading 1`] = `
                 }
               >
                 
+                $
                 &lt;0.001
+                MXN
               </Text>
             </View>
             <Text
@@ -1723,27 +1668,6 @@ exports[`renders for loading 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -1942,7 +1866,9 @@ exports[`renders for no transactions 1`] = `
                 }
               >
                 -
-                100.00
+                $
+                133.00
+                MXN
               </Text>
             </View>
             <Text
@@ -2007,27 +1933,6 @@ exports[`renders for no transactions 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -2142,7 +2047,7 @@ exports[`renders for no transactions 1`] = `
                 }
               >
                 -
-                20.00
+                $26.60MXN
               </Text>
             </View>
             <View
@@ -2168,7 +2073,7 @@ exports[`renders for no transactions 1`] = `
                   ]
                 }
               >
-                20.00
+                26.60
               </Text>
               <View
                 style={
@@ -2371,7 +2276,9 @@ exports[`renders for no transactions 1`] = `
                 }
               >
                 
+                $
                 &lt;0.001
+                MXN
               </Text>
             </View>
             <Text
@@ -2436,27 +2343,6 @@ exports[`renders for no transactions 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -2655,7 +2541,9 @@ exports[`renders for standbyTransactions 1`] = `
                 }
               >
                 -
-                100.00
+                $
+                133.00
+                MXN
               </Text>
             </View>
             <Text
@@ -2720,27 +2608,6 @@ exports[`renders for standbyTransactions 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
@@ -2855,7 +2722,7 @@ exports[`renders for standbyTransactions 1`] = `
                 }
               >
                 -
-                20.00
+                $26.60MXN
               </Text>
             </View>
             <View
@@ -2881,7 +2748,7 @@ exports[`renders for standbyTransactions 1`] = `
                   ]
                 }
               >
-                20.00
+                26.60
               </Text>
               <View
                 style={
@@ -3084,7 +2951,9 @@ exports[`renders for standbyTransactions 1`] = `
                 }
               >
                 
+                $
                 &lt;0.001
+                MXN
               </Text>
             </View>
             <Text
@@ -3149,27 +3018,6 @@ exports[`renders for standbyTransactions 1`] = `
                 </Text>
                  undefined
               </Text>
-              <Text
-                style={
-                  Array [
-                    Object {
-                      "color": "#2E3338",
-                      "fontFamily": "Hind-Regular",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                    },
-                    Object {
-                      "color": "#BDBDBD",
-                      "fontSize": 14,
-                      "lineHeight": 18,
-                      "marginLeft": "auto",
-                      "paddingLeft": 10,
-                    },
-                  ]
-                }
-              >
-                localCurrencyValue
-              </Text>
             </View>
           </View>
         </View>
diff --git a/packages/mobile/src/transactions/__snapshots__/TransferFeedItem.test.tsx.snap b/packages/mobile/src/transactions/__snapshots__/TransferFeedItem.test.tsx.snap
index c7e8d92a463..8601b725387 100644
--- a/packages/mobile/src/transactions/__snapshots__/TransferFeedItem.test.tsx.snap
+++ b/packages/mobile/src/transactions/__snapshots__/TransferFeedItem.test.tsx.snap
@@ -95,7 +95,9 @@ exports[`transfer feed item renders correctly for <0.000001 network fee 1`] = `
           }
         >
           
+          $
           &lt;0.001
+          MXN
         </Text>
       </View>
       <Text
@@ -123,29 +125,7 @@ exports[`transfer feed item renders correctly for <0.000001 network fee 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -246,7 +226,9 @@ exports[`transfer feed item renders correctly for faucet 1`] = `
           }
         >
           
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <Text
@@ -274,29 +256,7 @@ exports[`transfer feed item renders correctly for faucet 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -427,7 +387,9 @@ exports[`transfer feed item renders correctly for known received 1`] = `
           }
         >
           
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <View
@@ -441,29 +403,7 @@ exports[`transfer feed item renders correctly for known received 1`] = `
             false,
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -594,7 +534,9 @@ exports[`transfer feed item renders correctly for known sent 1`] = `
           }
         >
           -
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <View
@@ -608,29 +550,7 @@ exports[`transfer feed item renders correctly for known sent 1`] = `
             false,
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -731,7 +651,9 @@ exports[`transfer feed item renders correctly for network fee 1`] = `
           }
         >
           
+          $
           0.002
+          MXN
         </Text>
       </View>
       <Text
@@ -759,29 +681,7 @@ exports[`transfer feed item renders correctly for network fee 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -912,7 +812,9 @@ exports[`transfer feed item renders correctly for received 1`] = `
           }
         >
           
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <View
@@ -926,29 +828,7 @@ exports[`transfer feed item renders correctly for received 1`] = `
             false,
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1049,7 +929,9 @@ exports[`transfer feed item renders correctly for received invite 1`] = `
           }
         >
           
-          1.00
+          $
+          1.33
+          MXN
         </Text>
       </View>
       <Text
@@ -1077,29 +959,7 @@ exports[`transfer feed item renders correctly for received invite 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1230,7 +1090,9 @@ exports[`transfer feed item renders correctly for received with encrypted commen
           }
         >
           
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <Text
@@ -1258,29 +1120,7 @@ exports[`transfer feed item renders correctly for received with encrypted commen
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1411,7 +1251,9 @@ exports[`transfer feed item renders correctly for sent 1`] = `
           }
         >
           -
-          100.00
+          $
+          133.00
+          MXN
         </Text>
       </View>
       <View
@@ -1425,29 +1267,7 @@ exports[`transfer feed item renders correctly for sent 1`] = `
             false,
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1548,7 +1368,9 @@ exports[`transfer feed item renders correctly for sent invite 1`] = `
           }
         >
           -
-          1.00
+          $
+          1.33
+          MXN
         </Text>
       </View>
       <Text
@@ -1576,29 +1398,7 @@ exports[`transfer feed item renders correctly for sent invite 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1729,7 +1529,9 @@ exports[`transfer feed item renders correctly for sent transaction 1`] = `
           }
         >
           -
-          1.00
+          $
+          1.33
+          MXN
         </Text>
       </View>
       <Text
@@ -1757,29 +1559,7 @@ exports[`transfer feed item renders correctly for sent transaction 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -1910,7 +1690,9 @@ exports[`transfer feed item renders correctly for sent with encrypted comment 1`
           }
         >
           -
-          1.00
+          $
+          1.33
+          MXN
         </Text>
       </View>
       <Text
@@ -1938,29 +1720,7 @@ exports[`transfer feed item renders correctly for sent with encrypted comment 1`
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -2061,7 +1821,9 @@ exports[`transfer feed item renders correctly for verification fee 1`] = `
           }
         >
           -
-          0.33
+          $
+          0.43
+          MXN
         </Text>
       </View>
       <Text
@@ -2089,29 +1851,7 @@ exports[`transfer feed item renders correctly for verification fee 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
@@ -2231,7 +1971,9 @@ exports[`transfer feed item renders correctly for verification reward 1`] = `
           }
         >
           
-          1.00
+          $
+          1.33
+          MXN
         </Text>
       </View>
       <Text
@@ -2259,29 +2001,7 @@ exports[`transfer feed item renders correctly for verification reward 1`] = `
             },
           ]
         }
-      >
-        <Text
-          style={
-            Array [
-              Object {
-                "color": "#2E3338",
-                "fontFamily": "Hind-Regular",
-                "fontSize": 14,
-                "lineHeight": 18,
-              },
-              Object {
-                "color": "#BDBDBD",
-                "fontSize": 14,
-                "lineHeight": 18,
-                "marginLeft": "auto",
-                "paddingLeft": 10,
-              },
-            ]
-          }
-        >
-          localCurrencyValue
-        </Text>
-      </View>
+      />
     </View>
   </View>
 </View>
diff --git a/packages/mobile/src/transactions/actions.ts b/packages/mobile/src/transactions/actions.ts
index 534fb5bb1ba..6f21490eed3 100644
--- a/packages/mobile/src/transactions/actions.ts
+++ b/packages/mobile/src/transactions/actions.ts
@@ -3,7 +3,7 @@ import i18n from 'src/i18n'
 import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { ConfirmationInput as SendConfirmationCardProps } from 'src/send/SendConfirmation'
-import { OwnProps as TransferConfirmationCardProps } from 'src/send/TransferConfirmationCard'
+import { TransferConfirmationCardProps } from 'src/send/TransferConfirmationCard'
 import { StandbyTransaction, TransactionTypes } from 'src/transactions/reducer'
 import { web3 } from 'src/web3/contracts'