diff --git a/src/app/components/user-profile/UserHero.tsx b/src/app/components/user-profile/UserHero.tsx
index 594e4aae9..a7a7888a0 100644
--- a/src/app/components/user-profile/UserHero.tsx
+++ b/src/app/components/user-profile/UserHero.tsx
@@ -48,29 +48,30 @@ export function UserHero({ userId, avatarUrl, presence }: UserHeroProps) {
         )}
       </div>
       <div className={css.UserHeroAvatarContainer}>
-        <AvatarDecoration userId={userId} inset={20}>
-          <AvatarPresence
-            className={css.UserAvatarContainer}
-            badge={
-              presence && <PresenceBadge presence={presence.presence} status={presence.status} />
-            }
-          >
-            <Avatar
-              as={avatarUrl ? 'button' : 'div'}
-              onClick={avatarUrl ? () => setViewAvatar(avatarUrl) : undefined}
-              className={css.UserHeroAvatar}
-              size="500"
+        <div className={css.UserAvatarContainer}>
+          <AvatarDecoration userId={userId} inset={20}>
+            <AvatarPresence
+              badge={
+                presence && <PresenceBadge presence={presence.presence} status={presence.status} />
+              }
             >
-              <UserAvatar
-                className={css.UserHeroAvatarImg}
-                userId={userId}
-                src={avatarUrl}
-                alt={userId}
-                renderFallback={() => <Icon size="500" src={Icons.User} filled />}
-              />
-            </Avatar>
-          </AvatarPresence>
-        </AvatarDecoration>
+              <Avatar
+                as={avatarUrl ? 'button' : 'div'}
+                onClick={avatarUrl ? () => setViewAvatar(avatarUrl) : undefined}
+                className={css.UserHeroAvatar}
+                size="500"
+              >
+                <UserAvatar
+                  className={css.UserHeroAvatarImg}
+                  userId={userId}
+                  src={avatarUrl}
+                  alt={userId}
+                  renderFallback={() => <Icon size="500" src={Icons.User} filled />}
+                />
+              </Avatar>
+            </AvatarPresence>
+          </AvatarDecoration>
+        </div>
         {viewAvatar && (
           <Overlay open backdrop={<OverlayBackdrop />}>
             <OverlayCenter>