diff --git a/frontend/src/components/user/UserAvatar.tsx b/frontend/src/components/user/UserAvatar.tsx
index 67d21166..541131b2 100644
--- a/frontend/src/components/user/UserAvatar.tsx
+++ b/frontend/src/components/user/UserAvatar.tsx
@@ -14,6 +14,6 @@ export type Props = {
 export default function UserAvatar({ user, className }: Props) {
     return <div className={classNames(styles.avatar, className)}>
         {!api.isAnonUser(user) && user.avatar_url && <Image src={user.avatar_url} alt="" layout="fill" />}
-        <div className={styles.online} title="Online" />
+        {user.is_online && <div className={styles.online} title="Online" />}
     </div>
 }