diff --git a/app/[slug]/page.tsx b/app/[slug]/page.tsx
index 625ce86..4c13cd3 100644
--- a/app/[slug]/page.tsx
+++ b/app/[slug]/page.tsx
@@ -7,12 +7,12 @@ import Link from 'next/link';
 import { MonsterOverlay } from '../../components/events/frensday/Monsters/Overlay';
 import { EventHeader } from '../../components/Headers/EventHeader';
 import { SPOAPModal } from '../../components/POAPModal/SPOAPModal';
+import { ProfileAvatar } from '../../components/ProfileAvatar/ProfileAvatar';
 import { RecordsSection } from '../../components/Records/records';
 import { XMTPSection } from '../../components/XMTP/section';
 import { useEnstate } from '../../hooks/useEnstate';
 import { useIYKRef } from '../../hooks/useIYKRef';
 import { useWarpcast } from '../../hooks/useWarpcast';
-import { ProfileAvatar } from '../../components/ProfileAvatar/ProfileAvatar';
 
 const theme2Class = {
     frensday2023: 'theme-frensday2023',
@@ -52,7 +52,10 @@ export default async function ({
                 <div className="w-full flex flex-col gap-2 items-center justify-center">
                     <div className="flex items-center relative w-full pt-8 pb-2">
                         <div className="mx-auto w-40 h-40 aspect-square border bg-white rounded-full overflow-hidden">
-                            <ProfileAvatar name={enstate.name} avatar={enstate.avatar} />
+                            <ProfileAvatar
+                                name={enstate.name}
+                                avatar={enstate.avatar}
+                            />
                         </div>
                         {event == 'frensday2023' && (
                             <div className="absolute inset-0">
diff --git a/components/ProfileAvatar/ProfileAvatar.tsx b/components/ProfileAvatar/ProfileAvatar.tsx
index 85700fa..e8b2abe 100644
--- a/components/ProfileAvatar/ProfileAvatar.tsx
+++ b/components/ProfileAvatar/ProfileAvatar.tsx
@@ -5,7 +5,10 @@ import { FC, useMemo, useState } from 'react';
 
 import { generateMeshGradientFromName } from './MeshGradient';
 
-export const ProfileAvatar: FC<{ name: string, avatar?: string }> = ({ name, avatar }) => {
+export const ProfileAvatar: FC<{ name: string; avatar?: string }> = ({
+    name,
+    avatar,
+}) => {
     const [failedToLoad, setFailedToLoad] = useState(false);
     const mesh = useMemo(() => generateMeshGradientFromName(name), [name]);