diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenButton.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenButton.tsx
index d991280ca0..8602fd4d5b 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenButton.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenButton.tsx
@@ -19,6 +19,8 @@ import { useSelectedToken } from '../../hooks/useSelectedToken'
 import { Loader } from '../common/atoms/Loader'
 import { useArbQueryParams } from '../../hooks/useArbQueryParams'
 import { useTokenLists } from '../../hooks/useTokenLists'
+import { useIsSelectedTokenEther } from '../../hooks/useIsSelectedTokenEther'
+import { ether } from '../../constants'
 
 export type TokenButtonOptions = {
   symbol?: string
@@ -39,6 +41,7 @@ export function TokenButton({
   const [{ token: tokenFromSearchParams }] = useArbQueryParams()
 
   const nativeCurrency = useNativeCurrency({ provider: childChainProvider })
+  const isSelectedTokenEther = useIsSelectedTokenEther()
 
   const tokenSymbol = useMemo(() => {
     if (typeof options?.symbol !== 'undefined') {
@@ -46,14 +49,20 @@ export function TokenButton({
     }
 
     if (!selectedToken) {
-      return nativeCurrency.symbol
+      return isSelectedTokenEther ? ether.symbol : nativeCurrency.symbol
     }
 
     return sanitizeTokenSymbol(selectedToken.symbol, {
       erc20L1Address: selectedToken.address,
       chainId: networks.sourceChain.id
     })
-  }, [selectedToken, networks.sourceChain.id, nativeCurrency.symbol, options])
+  }, [
+    selectedToken,
+    networks.sourceChain.id,
+    nativeCurrency.symbol,
+    isSelectedTokenEther,
+    options
+  ])
 
   const isLoadingToken = useMemo(() => {
     // don't show loader if native currency is selected
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenRow.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenRow.tsx
index 65fcb9dafe..d83d745e4c 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenRow.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenRow.tsx
@@ -27,7 +27,11 @@ import { StatusBadge } from '../common/StatusBadge'
 import { ERC20BridgeToken } from '../../hooks/arbTokenBridge.types'
 import { ExternalLink } from '../common/ExternalLink'
 import { useAccountType } from '../../hooks/useAccountType'
-import { useNativeCurrency } from '../../hooks/useNativeCurrency'
+import {
+  isNativeCurrencyEther,
+  NativeCurrencyEther,
+  useNativeCurrency
+} from '../../hooks/useNativeCurrency'
 import { useNetworks } from '../../hooks/useNetworks'
 import { useNetworksRelationship } from '../../hooks/useNetworksRelationship'
 import { TokenLogoFallback } from './TokenInfo'
@@ -70,14 +74,23 @@ function BlockExplorerTokenLink({
   )
 }
 
-function TokenListInfo({ token }: { token: ERC20BridgeToken | null }) {
+function TokenListInfo({
+  token
+}: {
+  token: ERC20BridgeToken | NativeCurrencyEther | null
+}) {
   const [networks] = useNetworks()
-  const { childChain, childChainProvider } = useNetworksRelationship(networks)
+  const { childChain, childChainProvider, parentChain } =
+    useNetworksRelationship(networks)
   const { isCustom: childChainNativeCurrencyIsCustom } = useNativeCurrency({
     provider: childChainProvider
   })
 
   const tokenListInfo = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return null
+    }
+
     if (!token) {
       return null
     }
@@ -110,6 +123,16 @@ function TokenListInfo({ token }: { token: ERC20BridgeToken | null }) {
     )
   }, [token])
 
+  if (isNativeCurrencyEther(token)) {
+    const parentChainName = getNetworkName(parentChain.id)
+
+    return (
+      <span className="flex text-xs text-white/70">
+        Native token on {parentChainName}
+      </span>
+    )
+  }
+
   if (!token) {
     const nativeTokenChain = getNetworkName(
       (childChainNativeCurrencyIsCustom ? childChain : networks.sourceChain).id
@@ -136,11 +159,11 @@ function TokenListInfo({ token }: { token: ERC20BridgeToken | null }) {
 
 interface TokenRowProps {
   style?: React.CSSProperties
-  onTokenSelected: (token: ERC20BridgeToken | null) => void
-  token: ERC20BridgeToken | null
+  onTokenSelected: (parentErc20Address: string | null) => void
+  token: ERC20BridgeToken | NativeCurrencyEther | null
 }
 
-function useTokenInfo(token: ERC20BridgeToken | null) {
+function useTokenInfo(token: ERC20BridgeToken | NativeCurrencyEther | null) {
   const [networks] = useNetworks()
   const { childChain, childChainProvider, parentChain, isDepositMode } =
     useNetworksRelationship(networks)
@@ -148,6 +171,12 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
   const nativeCurrency = useNativeCurrency({ provider: childChainProvider })
 
   const name = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return sanitizeTokenName(token.name, {
+        chainId
+      })
+    }
+
     if (token) {
       return sanitizeTokenName(token.name, {
         erc20L1Address: token.address,
@@ -159,6 +188,12 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
   }, [token, nativeCurrency.name, chainId])
 
   const symbol = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return sanitizeTokenSymbol(token.symbol, {
+        chainId
+      })
+    }
+
     if (token) {
       return sanitizeTokenSymbol(token.symbol, {
         erc20L1Address: token.address,
@@ -169,7 +204,19 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
     return nativeCurrency.symbol
   }, [token, nativeCurrency.symbol, chainId])
 
+  const parentAddress = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return null
+    }
+
+    return token?.symbol ?? null
+  }, [token])
+
   const logoURI = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return token.logoUrl
+    }
+
     if (!token) {
       return nativeCurrency.logoUrl
     }
@@ -180,6 +227,10 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
   const balance = useBalanceOnSourceChain(token)
 
   const isArbitrumToken = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return false
+    }
+
     if (!token) {
       return false
     }
@@ -199,6 +250,10 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
   }, [token, isArbitrumToken])
 
   const isBridgeable = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return true
+    }
+
     if (!token) {
       return true
     }
@@ -217,6 +272,7 @@ function useTokenInfo(token: ERC20BridgeToken | null) {
   return {
     name,
     symbol,
+    parentAddress,
     logoURI,
     balance,
     isArbitrumToken,
@@ -237,7 +293,11 @@ function ArbitrumTokenBadge() {
   )
 }
 
-function TokenBalance({ token }: { token: ERC20BridgeToken | null }) {
+function TokenBalance({
+  token
+}: {
+  token: ERC20BridgeToken | NativeCurrencyEther | null
+}) {
   const {
     app: {
       arbTokenBridge: { bridgeTokens }
@@ -258,6 +318,10 @@ function TokenBalance({ token }: { token: ERC20BridgeToken | null }) {
       return true
     }
 
+    if (isNativeCurrencyEther(token)) {
+      return true
+    }
+
     if (!token) {
       return true
     }
@@ -299,7 +363,11 @@ function TokenBalance({ token }: { token: ERC20BridgeToken | null }) {
   )
 }
 
-function TokenContractLink({ token }: { token: ERC20BridgeToken | null }) {
+function TokenContractLink({
+  token
+}: {
+  token: ERC20BridgeToken | NativeCurrencyEther | null
+}) {
   const [networks] = useNetworks()
   const { childChain, childChainProvider, parentChain, isDepositMode } =
     useNetworksRelationship(networks)
@@ -308,6 +376,10 @@ function TokenContractLink({ token }: { token: ERC20BridgeToken | null }) {
 
   const isCustomFeeTokenRow = token === null && nativeCurrency.isCustom
 
+  if (isNativeCurrencyEther(token)) {
+    return null
+  }
+
   if (isCustomFeeTokenRow && isDepositMode) {
     return (
       <BlockExplorerTokenLink
@@ -355,10 +427,18 @@ export function TokenRow({
     isBridgeable: tokenIsBridgeable
   } = useTokenInfo(token)
 
+  const tokenQueryParamParentAddressOrKey = useMemo(() => {
+    if (isNativeCurrencyEther(token)) {
+      return 'eth'
+    }
+
+    return token?.address.toLowerCase() ?? null
+  }, [token])
+
   return (
     <button
       type="button"
-      onClick={() => onTokenSelected(token)}
+      onClick={() => onTokenSelected(tokenQueryParamParentAddressOrKey)}
       style={{ ...style, minHeight: '84px' }}
       disabled={!tokenIsBridgeable}
       className={twMerge(
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenSearch.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenSearch.tsx
index 210a416418..e9b8848239 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenSearch.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TokenSearch.tsx
@@ -17,7 +17,6 @@ import {
   isTokenArbitrumOneNativeUSDC,
   isTokenArbitrumSepoliaNativeUSDC,
   isTokenArbitrumOneUSDCe,
-  getL2ERC20Address,
   isTokenNativeUSDC
 } from '../../util/TokenUtils'
 import { Button } from '../common/Button'
@@ -28,7 +27,10 @@ import { warningToast } from '../common/atoms/Toast'
 import { CommonAddress } from '../../util/CommonAddressUtils'
 import { ArbOneNativeUSDC } from '../../util/L2NativeUtils'
 import { getNetworkName, isNetwork } from '../../util/networks'
-import { useNativeCurrency } from '../../hooks/useNativeCurrency'
+import {
+  useNativeCurrency,
+  nativeCurrencyEther
+} from '../../hooks/useNativeCurrency'
 import { SearchPanelTable } from '../common/SearchPanel/SearchPanelTable'
 import { SearchPanel } from '../common/SearchPanel/SearchPanel'
 import { TokenRow } from './TokenRow'
@@ -41,6 +43,8 @@ import { isTeleportEnabledToken } from '../../util/TokenTeleportEnabledUtils'
 import { useSelectedToken } from '../../hooks/useSelectedToken'
 import { useBalances } from '../../hooks/useBalances'
 import { useSetInputAmount } from '../../hooks/TransferPanel/useSetInputAmount'
+import { isExperimentalFeatureEnabled } from '../../util'
+import { ether } from '../../constants'
 
 export const ARB_ONE_NATIVE_USDC_TOKEN = {
   ...ArbOneNativeUSDC,
@@ -162,11 +166,12 @@ function TokenListsPanel({ closePanel }: { closePanel: () => void }) {
 }
 
 const NATIVE_CURRENCY_IDENTIFIER = 'native_currency'
+const ETH_IDENTIFIER = 'native_currency_eth'
 
 function TokensPanel({
   onTokenSelected
 }: {
-  onTokenSelected: (token: ERC20BridgeToken | null) => void
+  onTokenSelected: (parentErc20Address: string | null) => void
 }): JSX.Element {
   const { address: walletAddress } = useAccount()
   const {
@@ -273,6 +278,14 @@ function TokensPanel({
       // Deduplicate addresses
       ...new Set(tokenAddresses)
     ]
+
+    // for custom gas tokens we add ETH to enable ETH deposits
+    if (nativeCurrency.isCustom && isDepositMode) {
+      if (isExperimentalFeatureEnabled('eth-custom-orbit')) {
+        tokens.push(ETH_IDENTIFIER)
+      }
+    }
+
     return tokens
       .filter(address => {
         // Derive the token object from the address string
@@ -308,6 +321,10 @@ function TokensPanel({
             return true
           }
 
+          if (address === ETH_IDENTIFIER) {
+            return true
+          }
+
           // Always show official ARB token except from or to Orbit chain
           if (token?.listIds.has(SPECIAL_ARBITRUM_TOKEN_TOKEN_LIST_ID)) {
             return !isOrbitChain
@@ -324,6 +341,12 @@ function TokensPanel({
             .includes(tokenSearch)
         }
 
+        if (address === ETH_IDENTIFIER) {
+          return `${ether.name}${ether.symbol}`
+            .toLowerCase()
+            .includes(tokenSearch)
+        }
+
         if (!token) {
           return false
         }
@@ -345,6 +368,14 @@ function TokensPanel({
           return 1
         }
 
+        if (address1 === ETH_IDENTIFIER) {
+          return -1
+        }
+
+        if (address2 === ETH_IDENTIFIER) {
+          return 1
+        }
+
         const bal1 = getBalance(address1)
         const bal2 = getBalance(address2)
 
@@ -455,6 +486,16 @@ function TokensPanel({
         )
       }
 
+      if (address === ETH_IDENTIFIER) {
+        return (
+          <TokenRow
+            key="TokenRowNativeCurrencyEther"
+            onTokenSelected={onTokenSelected}
+            token={nativeCurrencyEther}
+          />
+        )
+      }
+
       return (
         <TokenRow
           key={address}
@@ -533,19 +574,23 @@ export function TokenSearch({
 
   const { isValidating: isFetchingTokenLists } = useTokenLists(childChain.id) // to show a small loader while token-lists are loading when search panel opens
 
-  async function selectToken(_token: ERC20BridgeToken | null) {
+  async function selectToken(parentErc20Address: string | null) {
     close()
 
-    if (_token === null) {
+    if (parentErc20Address === null) {
       setSelectedToken(null)
       return
     }
 
-    if (!_token.address) {
+    if (parentErc20Address === 'eth') {
+      setSelectedToken('eth')
+    }
+
+    if (!parentErc20Address) {
       return
     }
 
-    if (isTokenNativeUSDC(_token.address)) {
+    if (isTokenNativeUSDC(parentErc20Address)) {
       // not supported
       setAmount2('')
     }
@@ -556,8 +601,8 @@ export function TokenSearch({
       }
 
       // Token not added to the bridge, so we'll handle importing it
-      if (typeof bridgeTokens[_token.address] === 'undefined') {
-        setSelectedToken(_token.address)
+      if (typeof bridgeTokens[parentErc20Address] === 'undefined') {
+        setSelectedToken(parentErc20Address)
         return
       }
 
@@ -566,23 +611,27 @@ export function TokenSearch({
       }
 
       const data = await fetchErc20Data({
-        address: _token.address,
+        address: parentErc20Address,
         provider: parentChainProvider
       })
 
       if (data) {
-        token.updateTokenData(_token.address)
-        setSelectedToken(_token.address)
+        token.updateTokenData(parentErc20Address)
+        setSelectedToken(parentErc20Address)
       }
 
-      if (isTransferDisabledToken(_token.address, childChain.id)) {
+      if (isTransferDisabledToken(parentErc20Address, childChain.id)) {
         openTransferDisabledDialog()
         return
       }
 
       if (
         isTeleportMode &&
-        !isTeleportEnabledToken(_token.address, parentChain.id, childChain.id)
+        !isTeleportEnabledToken(
+          parentErc20Address,
+          parentChain.id,
+          childChain.id
+        )
       ) {
         openTransferDisabledDialog()
         return
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanel.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanel.tsx
index a917fdd3a1..cc7878adb1 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanel.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanel.tsx
@@ -77,6 +77,7 @@ import { MoveFundsButton } from './MoveFundsButton'
 import { ProjectsListing } from '../common/ProjectsListing'
 import { useAmountBigNumber } from './hooks/useAmountBigNumber'
 import { useSourceChainNativeCurrencyDecimals } from '../../hooks/useSourceChainNativeCurrencyDecimals'
+import { isExperimentalFeatureEnabled } from '../../util'
 
 const signerUndefinedError = 'Signer is undefined'
 const transferNotAllowedError = 'Transfer not allowed'
@@ -250,6 +251,13 @@ export function TransferPanel() {
   ])
 
   const importDialogTokenAddress = useMemo(() => {
+    if (
+      isExperimentalFeatureEnabled('eth-custom-orbit') &&
+      tokenFromSearchParams === 'eth'
+    ) {
+      return undefined
+    }
+
     if (
       typeof isTokenAlreadyImported === 'undefined' ||
       isTokenAlreadyImported
@@ -608,12 +616,11 @@ export function TransferPanel() {
         destinationChainErc20Address
       })
 
-      const { isNativeCurrencyTransfer, isWithdrawal } =
-        getBridgeTransferProperties({
-          sourceChainId,
-          sourceChainErc20Address,
-          destinationChainId
-        })
+      const { isWithdrawal } = getBridgeTransferProperties({
+        sourceChainId,
+        sourceChainErc20Address,
+        destinationChainId
+      })
 
       if (isWithdrawal && selectedToken && !sourceChainErc20Address) {
         /*
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMain/SourceNetworkBox.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMain/SourceNetworkBox.tsx
index 258ea7af79..77e302778c 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMain/SourceNetworkBox.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMain/SourceNetworkBox.tsx
@@ -34,6 +34,8 @@ import { useSelectedTokenDecimals } from '../../../hooks/TransferPanel/useSelect
 import { useNativeCurrencyBalances } from './useNativeCurrencyBalances'
 import { useIsCctpTransfer } from '../hooks/useIsCctpTransfer'
 import { useSourceChainNativeCurrencyDecimals } from '../../../hooks/useSourceChainNativeCurrencyDecimals'
+import { useIsSelectedTokenEther } from '../../../hooks/useIsSelectedTokenEther'
+import { useBalances } from '../../../hooks/useBalances'
 
 function Amount2ToggleButton({
   onClick
@@ -90,9 +92,11 @@ export function SourceNetworkBox() {
   const isBatchTransferSupported = useIsBatchTransferSupported()
   const decimals = useSelectedTokenDecimals()
   const { errorMessages } = useTransferReadiness()
+  const { ethParentBalance } = useBalances()
   const nativeCurrencyBalances = useNativeCurrencyBalances()
   const nativeCurrencyDecimalsOnSourceChain =
     useSourceChainNativeCurrencyDecimals()
+  const isSelectedTokenEther = useIsSelectedTokenEther()
 
   const isCctpTransfer = useIsCctpTransfer()
 
@@ -178,6 +182,12 @@ export function SourceNetworkBox() {
             maxAmount={maxAmount}
             isMaxAmount={isMaxAmount}
             decimals={decimals}
+            options={{
+              balance:
+                isSelectedTokenEther && isDepositMode && ethParentBalance
+                  ? Number(utils.formatEther(ethParentBalance))
+                  : undefined
+            }}
           />
 
           {isBatchTransferSupported && !isAmount2InputVisible && (
diff --git a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx
index 4b4ee949a3..f8eaf7d30c 100644
--- a/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx
+++ b/packages/arb-token-bridge-ui/src/components/TransferPanel/TransferPanelMainInput.tsx
@@ -12,7 +12,6 @@ import { useNetworks } from '../../hooks/useNetworks'
 import { useNetworksRelationship } from '../../hooks/useNetworksRelationship'
 import { useSelectedTokenBalances } from '../../hooks/TransferPanel/useSelectedTokenBalances'
 import { useSelectedToken } from '../../hooks/useSelectedToken'
-import { useAppState } from '../../state'
 import { TransferReadinessRichErrorMessage } from './useTransferReadinessUtils'
 import { ExternalLink } from '../common/ExternalLink'
 import { useTransferDisabledDialogStore } from './TransferDisabledDialog'
diff --git a/packages/arb-token-bridge-ui/src/components/common/NetworkSelectionContainer.tsx b/packages/arb-token-bridge-ui/src/components/common/NetworkSelectionContainer.tsx
index 01f24d241d..353966c941 100644
--- a/packages/arb-token-bridge-ui/src/components/common/NetworkSelectionContainer.tsx
+++ b/packages/arb-token-bridge-ui/src/components/common/NetworkSelectionContainer.tsx
@@ -400,7 +400,6 @@ export const NetworkSelectionContainer = (
     type: 'source' | 'destination'
   }
 ) => {
-  const actions = useActions()
   const [, setSelectedToken] = useSelectedToken()
   const [networks, setNetworks] = useNetworks()
   const [oneNovaTransferDialogProps, openOneNovaTransferDialog] = useDialog()
diff --git a/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasEstimates.ts b/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasEstimates.ts
index 10d45e16a3..75e12e346c 100644
--- a/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasEstimates.ts
+++ b/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasEstimates.ts
@@ -9,6 +9,8 @@ import { useBalanceOnSourceChain } from '../useBalanceOnSourceChain'
 import { useNetworks } from '../useNetworks'
 import { useSelectedToken } from '../useSelectedToken'
 import { useArbQueryParams } from '../useArbQueryParams'
+import { useIsSelectedTokenEther } from '../useIsSelectedTokenEther'
+import { nativeCurrencyEther } from '../useNativeCurrency'
 
 async function fetcher([
   signer,
@@ -56,9 +58,12 @@ export function useGasEstimates({
 } {
   const [{ sourceChain, destinationChain }] = useNetworks()
   const [selectedToken] = useSelectedToken()
+  const isSelectedTokenEther = useIsSelectedTokenEther()
   const [{ destinationAddress }] = useArbQueryParams()
   const { address: walletAddress } = useAccount()
-  const balance = useBalanceOnSourceChain(selectedToken)
+  const balance = useBalanceOnSourceChain(
+    isSelectedTokenEther ? nativeCurrencyEther : selectedToken
+  )
   const { data: signer } = useSigner()
 
   const amountToTransfer =
diff --git a/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasSummary.ts b/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasSummary.ts
index 669b41ecac..95b64e9180 100644
--- a/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasSummary.ts
+++ b/packages/arb-token-bridge-ui/src/hooks/TransferPanel/useGasSummary.ts
@@ -18,6 +18,8 @@ import { useSelectedTokenDecimals } from './useSelectedTokenDecimals'
 import { percentIncrease } from '@/token-bridge-sdk/utils'
 import { DEFAULT_GAS_PRICE_PERCENT_INCREASE } from '@/token-bridge-sdk/Erc20DepositStarter'
 import { useSelectedToken } from '../useSelectedToken'
+import { useIsSelectedTokenEther } from '../useIsSelectedTokenEther'
+import { nativeCurrencyEther } from '../useNativeCurrency'
 
 export type GasEstimationStatus =
   | 'loading'
@@ -37,6 +39,7 @@ export function useGasSummary(): UseGasSummaryResult {
   const [networks] = useNetworks()
   const { childChainProvider, parentChainProvider, isDepositMode } =
     useNetworksRelationship(networks)
+  const isSelectedTokenEther = useIsSelectedTokenEther()
 
   const [{ amount }] = useArbQueryParams()
   const debouncedAmount = useDebounce(amount, 300)
@@ -56,7 +59,9 @@ export function useGasSummary(): UseGasSummaryResult {
   const parentChainGasPrice = useGasPrice({ provider: parentChainProvider })
   const childChainGasPrice = useGasPrice({ provider: childChainProvider })
 
-  const balance = useBalanceOnSourceChain(selectedToken)
+  const balance = useBalanceOnSourceChain(
+    isSelectedTokenEther ? nativeCurrencyEther : selectedToken
+  )
 
   const { gasEstimates: estimateGasResult, error: gasEstimatesError } =
     useGasEstimates({
diff --git a/packages/arb-token-bridge-ui/src/hooks/useBalanceOnSourceChain.ts b/packages/arb-token-bridge-ui/src/hooks/useBalanceOnSourceChain.ts
index 6c9b135c3e..358f9ada4f 100644
--- a/packages/arb-token-bridge-ui/src/hooks/useBalanceOnSourceChain.ts
+++ b/packages/arb-token-bridge-ui/src/hooks/useBalanceOnSourceChain.ts
@@ -10,23 +10,29 @@ import {
   isTokenArbitrumOneNativeUSDC,
   isTokenArbitrumSepoliaNativeUSDC
 } from '../util/TokenUtils'
+import { NativeCurrencyEther, isNativeCurrencyEther } from './useNativeCurrency'
 
 /**
  * Balance of the child chain's native currency or ERC20 token
  */
 export function useBalanceOnSourceChain(
-  token: ERC20BridgeToken | null
+  token: ERC20BridgeToken | NativeCurrencyEther | null
 ): BigNumber | null {
   const { address: walletAddress } = useAccount()
   const [networks] = useNetworks()
   const { isDepositMode } = useNetworksRelationship(networks)
 
   const {
+    eth: [ethBalanceSourceChain],
     erc20: [erc20SourceChainBalances]
   } = useBalance({ chainId: networks.sourceChain.id, walletAddress })
 
   const nativeCurrencyBalances = useNativeCurrencyBalances()
 
+  if (isNativeCurrencyEther(token)) {
+    return ethBalanceSourceChain
+  }
+
   // user selected source chain native currency or
   // user bridging the destination chain's native currency
   if (!token) {
diff --git a/packages/arb-token-bridge-ui/src/hooks/useIsSelectedTokenEther.ts b/packages/arb-token-bridge-ui/src/hooks/useIsSelectedTokenEther.ts
new file mode 100644
index 0000000000..aa695e4e4b
--- /dev/null
+++ b/packages/arb-token-bridge-ui/src/hooks/useIsSelectedTokenEther.ts
@@ -0,0 +1,30 @@
+import { isExperimentalFeatureEnabled } from '../util'
+import { useArbQueryParams } from './useArbQueryParams'
+import { useNativeCurrency } from './useNativeCurrency'
+import { useNetworks } from './useNetworks'
+import { useNetworksRelationship } from './useNetworksRelationship'
+import { useSelectedToken } from './useSelectedToken'
+
+export const useIsSelectedTokenEther = () => {
+  const [selectedToken] = useSelectedToken()
+  const [{ token }] = useArbQueryParams()
+  const [networks] = useNetworks()
+  const { childChainProvider } = useNetworksRelationship(networks)
+  const nativeCurrency = useNativeCurrency({ provider: childChainProvider })
+
+  // This only matters for ETH transfers to custom orbit chains
+  // So it's fine to hide this behind the feature flag
+  if (!isExperimentalFeatureEnabled('eth-custom-orbit')) {
+    return false
+  }
+
+  if (token === 'eth') {
+    return true
+  }
+
+  if (selectedToken) {
+    return false
+  }
+
+  return !nativeCurrency.isCustom
+}
diff --git a/packages/arb-token-bridge-ui/src/hooks/useNativeCurrency.ts b/packages/arb-token-bridge-ui/src/hooks/useNativeCurrency.ts
index f315990e28..ab66f2d590 100644
--- a/packages/arb-token-bridge-ui/src/hooks/useNativeCurrency.ts
+++ b/packages/arb-token-bridge-ui/src/hooks/useNativeCurrency.ts
@@ -6,6 +6,7 @@ import { ETHER_TOKEN_LOGO, ether } from '../constants'
 import { rpcURLs } from '../util/networks'
 import { fetchErc20Data } from '../util/TokenUtils'
 import { getBridgeUiConfigForChain } from '../util/bridgeUiConfig'
+import { ERC20BridgeToken } from './arbTokenBridge.types'
 
 export type NativeCurrencyBase = {
   name: string
@@ -16,6 +17,7 @@ export type NativeCurrencyBase = {
 
 export type NativeCurrencyEther = NativeCurrencyBase & {
   isCustom: false
+  address: undefined
 }
 
 export type NativeCurrencyErc20 = NativeCurrencyBase & {
@@ -28,10 +30,21 @@ export type NativeCurrencyErc20 = NativeCurrencyBase & {
 
 export type NativeCurrency = NativeCurrencyEther | NativeCurrencyErc20
 
-const nativeCurrencyEther: NativeCurrencyEther = {
+export const nativeCurrencyEther: NativeCurrencyEther = {
   ...ether,
   logoUrl: ETHER_TOKEN_LOGO,
-  isCustom: false
+  isCustom: false,
+  address: undefined
+}
+
+export function isNativeCurrencyEther(
+  token: ERC20BridgeToken | NativeCurrencyEther | null
+): token is NativeCurrencyEther {
+  if (!token) {
+    return false
+  }
+
+  return typeof (token as ERC20BridgeToken).address === 'undefined'
 }
 
 export function useNativeCurrency({
diff --git a/packages/arb-token-bridge-ui/src/hooks/useSelectedToken.ts b/packages/arb-token-bridge-ui/src/hooks/useSelectedToken.ts
index 4b64a5ed24..a7c5f1f854 100644
--- a/packages/arb-token-bridge-ui/src/hooks/useSelectedToken.ts
+++ b/packages/arb-token-bridge-ui/src/hooks/useSelectedToken.ts
@@ -98,6 +98,9 @@ function sanitizeTokenAddress(tokenAddress: string | null): string | undefined {
   if (!tokenAddress) {
     return undefined
   }
+  if (tokenAddress.toLowerCase() === 'eth') {
+    return 'eth'
+  }
   if (utils.isAddress(tokenAddress)) {
     return tokenAddress
   }
diff --git a/packages/arb-token-bridge-ui/src/util/index.ts b/packages/arb-token-bridge-ui/src/util/index.ts
index 4e96205668..923ca4f324 100644
--- a/packages/arb-token-bridge-ui/src/util/index.ts
+++ b/packages/arb-token-bridge-ui/src/util/index.ts
@@ -55,7 +55,7 @@ export const getAPIBaseUrl = () => {
 }
 
 // add feature flags to the array
-const featureFlags = [] as const
+const featureFlags = ['eth-custom-orbit'] as const
 
 type FeatureFlag = (typeof featureFlags)[number]