diff --git a/packages/app/src/systems/Account/components/QuickAccountConnect/DappAvatar.tsx b/packages/app/src/systems/Account/components/QuickAccountConnect/DappAvatar.tsx index e89f4d2c5..2e54f7efb 100644 --- a/packages/app/src/systems/Account/components/QuickAccountConnect/DappAvatar.tsx +++ b/packages/app/src/systems/Account/components/QuickAccountConnect/DappAvatar.tsx @@ -1,4 +1,5 @@ import { Icon } from '@fuel-ui/react'; +import { useState } from 'react'; interface DappAvatarProps { favIconUrl: string | undefined; @@ -6,8 +7,18 @@ interface DappAvatarProps { } export const DappAvatar = ({ favIconUrl, title }: DappAvatarProps) => { - if (favIconUrl) { - return favicon; + const [imageFallback, setImageFallback] = useState(false); + + if (favIconUrl && !imageFallback) { + return ( + favicon { + setImageFallback(true); + }} + /> + ); } if (title) {