diff --git a/components/DiscordImage.tsx b/components/DiscordImage.tsx
index e1a7403..abc0d18 100644
--- a/components/DiscordImage.tsx
+++ b/components/DiscordImage.tsx
@@ -1,7 +1,7 @@
 import NextImage from 'next/image'
 
-const DiscordImage = (props: { userID: string, avatarHash: string, tag: number|string, className?: string }) => {
-	return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={512} height={512} onError={(e)=> e.target.src = '/img/default.png'}/>
+const DiscordImage = (props: { size?: number, userID: string, avatarHash: string, tag: number|string, className?: string }) => {
+	return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={props.size || 256} height={props.size || 256} data-fallback-image='/img/default.png'/>
 }
 
 export default DiscordImage