diff --git a/src/components/Global/DaimoPayButton/index.tsx b/src/components/Global/DaimoPayButton/index.tsx
index 78102ee98..aeb234e2d 100644
--- a/src/components/Global/DaimoPayButton/index.tsx
+++ b/src/components/Global/DaimoPayButton/index.tsx
@@ -94,7 +94,7 @@ export const DaimoPayButton = ({
 
         // Reset payment amount for Daimo
         await resetPayment({
-            toUnits: amount.replace(/,/g, ''),
+            toUnits: formattedAmount.toString(),
         })
 
         return true
diff --git a/src/components/TransactionDetails/TransactionDetailsReceipt.tsx b/src/components/TransactionDetails/TransactionDetailsReceipt.tsx
index 659cf7e53..3bfb0be9c 100644
--- a/src/components/TransactionDetails/TransactionDetailsReceipt.tsx
+++ b/src/components/TransactionDetails/TransactionDetailsReceipt.tsx
@@ -8,7 +8,7 @@ import { useUserStore } from '@/redux/hooks'
 import { chargesApi } from '@/services/charges'
 import { sendLinksApi } from '@/services/sendLinks'
 import { formatAmount, formatDate, getInitialsFromName } from '@/utils'
-import { formatIban, printableAddress, shortenAddress, shortenAddressLong } from '@/utils/general.utils'
+import { formatIban, printableAddress, shortenAddress, shortenAddressLong, slugify } from '@/utils/general.utils'
 import { getDisplayCurrencySymbol } from '@/utils/currency'
 import { cancelOnramp } from '@/app/actions/onramp'
 import { captureException } from '@sentry/nextjs'
@@ -55,10 +55,7 @@ export const TransactionDetailsReceipt = ({
     const { fetchBalance } = useWallet()
     const [showBankDetails, setShowBankDetails] = useState(false)
     const [showCancelLinkModal, setShowCancelLinkModal] = useState(isModalOpen)
-    const [tokenData, setTokenData] = useState<{ symbol: string; icon: string }>({
-        symbol: '',
-        icon: '',
-    })
+    const [tokenData, setTokenData] = useState<{ symbol: string; icon: string } | null>(null)
     const [isTokenDataLoading, setIsTokenDataLoading] = useState(true)
 
     useEffect(() => {
@@ -204,8 +201,9 @@ export const TransactionDetailsReceipt = ({
             }
 
             try {
+                const chainName = slugify(transaction.tokenDisplayDetails?.chainName ?? '')
                 const res = await fetch(
-                    `https://api.coingecko.com/api/v3/coins/${transaction.tokenDisplayDetails?.chainName}/contract/${transaction.tokenAddress}`
+                    `https://api.coingecko.com/api/v3/coins/${chainName}/contract/${transaction.tokenAddress}`
                 )
                 const tokenDetails = await res.json()
                 setTokenData({
@@ -214,10 +212,7 @@ export const TransactionDetailsReceipt = ({
                 })
             } catch (e) {
                 console.error(e)
-                setTokenData({
-                    symbol: '',
-                    icon: '',
-                })
+                setTokenData(null)
             } finally {
                 setIsTokenDataLoading(false)
             }
@@ -330,45 +325,52 @@ export const TransactionDetailsReceipt = ({
                         />
                     )}
 
-                    {rowVisibilityConfig.tokenAndNetwork && transaction.tokenDisplayDetails && (
-                        <PaymentInfoRow
-                            label="Token and network"
-                            value={
-                                isTokenDataLoading ? (
-                                    <div className="h-6 w-32 animate-pulse rounded bg-gray-200" />
-                                ) : (
-                                    <div className="flex items-center gap-2">
-                                        <div className="relative flex h-6 w-6 min-w-[24px] items-center justify-center">
-                                            {/* Main token icon */}
-                                            <DisplayIcon
-                                                iconUrl={tokenData.icon}
-                                                altText={tokenData.symbol || 'token'}
-                                                fallbackName={tokenData.symbol || 'T'}
-                                                sizeClass="h-6 w-6"
-                                            />
-                                            {/* Smaller chain icon, absolutely positioned */}
-                                            {transaction.tokenDisplayDetails.chainIconUrl && (
-                                                <div className="absolute -bottom-1 -right-1">
-                                                    <DisplayIcon
-                                                        iconUrl={transaction.tokenDisplayDetails.chainIconUrl}
-                                                        altText={transaction.tokenDisplayDetails.chainName || 'chain'}
-                                                        fallbackName={transaction.tokenDisplayDetails.chainName || 'C'}
-                                                        sizeClass="h-3.5 w-3.5 text-[7px]"
-                                                        className="rounded-full border-2 border-white dark:border-grey-4"
-                                                    />
-                                                </div>
-                                            )}
+                    {rowVisibilityConfig.tokenAndNetwork &&
+                        transaction.tokenDisplayDetails &&
+                        tokenData?.icon &&
+                        tokenData?.symbol && (
+                            <PaymentInfoRow
+                                label="Token and network"
+                                value={
+                                    isTokenDataLoading ? (
+                                        <div className="h-6 w-32 animate-pulse rounded bg-gray-200" />
+                                    ) : (
+                                        <div className="flex items-center gap-2">
+                                            <div className="relative flex h-6 w-6 min-w-[24px] items-center justify-center">
+                                                {/* Main token icon */}
+                                                <DisplayIcon
+                                                    iconUrl={tokenData.icon}
+                                                    altText={tokenData.symbol || 'token'}
+                                                    fallbackName={tokenData.symbol || 'T'}
+                                                    sizeClass="h-6 w-6"
+                                                />
+                                                {/* Smaller chain icon, absolutely positioned */}
+                                                {transaction.tokenDisplayDetails.chainIconUrl && (
+                                                    <div className="absolute -bottom-1 -right-1">
+                                                        <DisplayIcon
+                                                            iconUrl={transaction.tokenDisplayDetails.chainIconUrl}
+                                                            altText={
+                                                                transaction.tokenDisplayDetails.chainName || 'chain'
+                                                            }
+                                                            fallbackName={
+                                                                transaction.tokenDisplayDetails.chainName || 'C'
+                                                            }
+                                                            sizeClass="h-3.5 w-3.5 text-[7px]"
+                                                            className="rounded-full border-2 border-white dark:border-grey-4"
+                                                        />
+                                                    </div>
+                                                )}
+                                            </div>
+                                            <span>
+                                                {tokenData.symbol.toUpperCase()} on{' '}
+                                                {transaction.tokenDisplayDetails.chainName}
+                                            </span>
                                         </div>
-                                        <span>
-                                            {tokenData.symbol.toUpperCase()} on{' '}
-                                            {transaction.tokenDisplayDetails.chainName}
-                                        </span>
-                                    </div>
-                                )
-                            }
-                            hideBottomBorder={shouldHideBorder('tokenAndNetwork')}
-                        />
-                    )}
+                                    )
+                                }
+                                hideBottomBorder={shouldHideBorder('tokenAndNetwork')}
+                            />
+                        )}
 
                     {rowVisibilityConfig.txId && transaction.txHash && (
                         <PaymentInfoRow
diff --git a/src/utils/general.utils.ts b/src/utils/general.utils.ts
index c50658c9c..9b6c833c1 100644
--- a/src/utils/general.utils.ts
+++ b/src/utils/general.utils.ts
@@ -1293,3 +1293,17 @@ export function isTxReverted(receipt: TransactionReceipt): boolean {
 export function checkIfInternalNavigation(): boolean {
     return !!document.referrer && new URL(document.referrer).origin === window.location.origin
 }
+
+/**
+ * Converts a string into a URL-friendly slug
+ * @param text - The string to slugify
+ * @returns A slugified string with lowercase letters, hyphens, and no special characters
+ */
+export function slugify(text: string): string {
+    return text
+        .toLowerCase() // Convert to lowercase
+        .trim() // Remove leading/trailing whitespace
+        .replace(/[^\w\s-]/g, '') // Remove special characters except word chars, spaces, and hyphens
+        .replace(/[\s_-]+/g, '-') // Replace spaces, underscores, and multiple hyphens with single hyphen
+        .replace(/^-+|-+$/g, '') // Remove leading and trailing hyphens
+}