fix: set proper width for fallback

leather-io · Jan 16, 2025 · cfe5baf · cfe5baf
1 parent 3727275
commit cfe5baf
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/app/components/collectibles/src20-image.tsx b/src/app/components/collectibles/src20-image.tsx
@@ -14,7 +14,7 @@ export function Src20Image(props: Src20ImageProps) {
   const [isLoading, setIsLoading] = useState(true);
   const [width, setWidth] = useState(0);
 
-  if (isError) return <Eye1ClosedIcon />;
+  if (isError) return <Eye1ClosedIcon width="xl" />;
 
   return (
     <img
@@ -29,7 +29,6 @@ export function Src20Image(props: Src20ImageProps) {
       src={src}
       className={css({
         width: 'xl',
-        aspectRatio: '1 / 1',
         borderRadius: '100%',
         objectFit: 'cover',
         // display: 'none' breaks onLoad event firing