diff --git a/src/pages/setting/security.tsx b/src/pages/setting/security.tsx
index 38bb3358..25a45226 100644
--- a/src/pages/setting/security.tsx
+++ b/src/pages/setting/security.tsx
@@ -98,7 +98,7 @@ const SecuritySettings = ({ user, userChange }: any) => {
 
   useEffect(() => {
     setTwoFactorActivated(user && user.twoFactorActivated);
-    setAvatar(user && user.avatar);
+    setAvatar(user && `/api/static/${user.avatar}`);
   }, [user]);
 
   return twoFactoring ? (