diff --git a/src/Element/ProxyImg.tsx b/src/Element/ProxyImg.tsx
index 8920b3c3..75b31ca9 100644
--- a/src/Element/ProxyImg.tsx
+++ b/src/Element/ProxyImg.tsx
@@ -1,7 +1,8 @@
 import useImgProxy from "Feed/ImgProxy";
 import { useEffect, useState } from "react";
 
-export const ProxyImg = ({ src, ...rest }: { src?: string }) => {
+export const ProxyImg = (props: any) => {
+    const { src, ...rest } = props;
     const [url, setUrl] = useState<string>();
     const { proxy } = useImgProxy();
 
diff --git a/src/Pages/ProfilePage.tsx b/src/Pages/ProfilePage.tsx
index 81f997b3..437134c1 100644
--- a/src/Pages/ProfilePage.tsx
+++ b/src/Pages/ProfilePage.tsx
@@ -29,6 +29,7 @@ import { HexKey } from "Nostr";
 import FollowsYou from "Element/FollowsYou"
 import QrCode from "Element/QrCode";
 import Modal from "Element/Modal";
+import { ProxyImg } from "Element/ProxyImg"
 
 enum ProfileTab {
     Notes = "Notes",
@@ -193,7 +194,7 @@ export default function ProfilePage() {
     return (
         <>
             <div className="profile flex">
-              {user?.banner && <img alt="banner" className="banner" src={user.banner} />}
+              {user?.banner && <ProxyImg alt="banner" className="banner" src={user.banner} />}
               <div className="profile-wrapper flex">
                 {avatar()}
                 {userDetails()}