diff --git a/app/components/Avatar.module.css b/app/components/Avatar.module.css
index 85eceb50b..c69ffc0e4 100644
--- a/app/components/Avatar.module.css
+++ b/app/components/Avatar.module.css
@@ -1,12 +1,3 @@
-.identicon {
-	filter: blur(99px);
-	transition: filter 0.3s;
-}
-
-.loaded {
-	filter: blur(0);
-}
-
 .avatarWrapper {
 	flex-shrink: 0;
 	width: fit-content;
diff --git a/app/components/Avatar.tsx b/app/components/Avatar.tsx
index aa94e09bf..1e9365d74 100644
--- a/app/components/Avatar.tsx
+++ b/app/components/Avatar.tsx
@@ -120,14 +120,8 @@ export function Avatar({
 	size: keyof typeof dimensions;
 } & React.ButtonHTMLAttributes<HTMLImageElement>) {
 	const [isErrored, setIsErrored] = React.useState(false);
-	const [loaded, setLoaded] = React.useState(false);
 	const isClient = useHydrated();
 
-	const isIdenticon =
-		!url &&
-		(!user?.customAvatarUrl || isErrored) &&
-		(!user?.discordAvatar || isErrored || identiconInput);
-
 	const identiconSource = identiconInput ?? user?.discordId ?? "unknown";
 
 	const src = url
@@ -147,17 +141,12 @@ export function Avatar({
 	return (
 		<div className={clsx(styles.avatarWrapper, className)}>
 			<img
-				className={clsx({
-					[styles.identicon]: isIdenticon,
-					[styles.loaded]: loaded,
-				})}
 				src={src}
 				alt={alt}
 				title={alt ? alt : undefined}
 				width={dimensions[size]}
 				height={dimensions[size]}
 				onError={() => setIsErrored(true)}
-				onLoad={() => setLoaded(true)}
 				{...rest}
 			/>
 		</div>