diff --git a/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx b/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx
index 275b2d8211..4d0d51c5ec 100644
--- a/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx
+++ b/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx
@@ -647,7 +647,8 @@ export const BuyWithCryptoModal = (props: Props) => {
               {canBuyAsset === false && !isFetchingBalance && !isFetchingRoute ? (
                 <span className={styles.warning}>
                   {t('buy_with_crypto_modal.insufficient_funds', {
-                    token: insufficientToken?.symbol || 'MANA'
+                    token: insufficientToken?.symbol || 'MANA',
+                    card: (text: string) => onBuyWithCard ? <span>{text}</span> : undefined
                   })}
                 </span>
               ) : null}
diff --git a/webapp/src/modules/translation/locales/en.json b/webapp/src/modules/translation/locales/en.json
index e766e0cc81..08ad6fd343 100644
--- a/webapp/src/modules/translation/locales/en.json
+++ b/webapp/src/modules/translation/locales/en.json
@@ -866,7 +866,7 @@
       "cross_chain": "Estimated fee includes the network cost and the cross chain purchase fee that you have to pay directly with your wallet.",
       "same_network": "Estimated fee includes the network cost that you have to pay directly with your wallet."
     },
-    "insufficient_funds": "You don’t have enough funds in {token}. Try paying with other token or get MANA or pay with card.",
+    "insufficient_funds": "You don’t have enough funds in {token}. Try paying with other token or get MANA<card> or pay with card</card>.",
     "token_and_chain_selector": {
       "available_chains": "Available Chains",
       "select_chain": "Select chain",
diff --git a/webapp/src/modules/translation/locales/es.json b/webapp/src/modules/translation/locales/es.json
index a98319b326..d7c6a5d461 100644
--- a/webapp/src/modules/translation/locales/es.json
+++ b/webapp/src/modules/translation/locales/es.json
@@ -852,7 +852,7 @@
       "cross_chain": "La tarifa estimada incluye el costo de la red y la tarifa de compra entre cadenas que debe pagar directamente con su billetera.",
       "same_network": "La tarifa estimada incluye el costo de la red que debes pagar directamente con tu billetera."
     },
-    "insufficient_funds": "No tienes fondos suficientes en {token}. Intente pagar con otro token, obtenga MANA o pague con tarjeta.",
+    "insufficient_funds": "No tienes fondos suficientes en {token}. Intente pagar con otro token, obtenga MANA<card> o pague con tarjeta</card>.",
     "token_and_chain_selector": {
       "available_chains": "Redes disponibles",
       "select_chain": "Selecciona una red",
diff --git a/webapp/src/modules/translation/locales/zh.json b/webapp/src/modules/translation/locales/zh.json
index 07472f93f7..04e649b888 100644
--- a/webapp/src/modules/translation/locales/zh.json
+++ b/webapp/src/modules/translation/locales/zh.json
@@ -856,7 +856,7 @@
       "cross_chain": "预估费用包括网络费用和跨链购买费用，您必须直接用钱包支付。",
       "same_network": "预计费用包括您必须直接用钱包支付的网络费用。"
     },
-    "insufficient_funds": "您的 {token} 资金不足。尝试使用其他令牌支付或获取 MANA 或使用卡支付。",
+    "insufficient_funds": "您的 {token} 资金不足。尝试使用其他令牌支付或获取 MANA<card> 或使用卡支付</card>。",
     "token_and_chain_selector": {
       "available_chains": "可用链",
       "select_chain": "选择链条",