diff --git a/web/components/nav/nav-bar.tsx b/web/components/nav/nav-bar.tsx
index f92f6630..8f7d7424 100644
--- a/web/components/nav/nav-bar.tsx
+++ b/web/components/nav/nav-bar.tsx
@@ -60,7 +60,7 @@ export function BottomNavBar() {
         ) : user ? (
           <>
             <Avatar
-              className="mx-auto my-1"
+              containerClassName={'mx-auto my-1'}
               size="xs"
               username={user.username}
               avatarUrl={user.avatarUrl}