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 ;
+ const [imageFallback, setImageFallback] = useState(false);
+
+ if (favIconUrl && !imageFallback) {
+ return (
+ {
+ setImageFallback(true);
+ }}
+ />
+ );
}
if (title) {