diff --git a/src/Avatar.tsx b/src/Avatar.tsx
index 698357c..3747c04 100644
--- a/src/Avatar.tsx
+++ b/src/Avatar.tsx
@@ -148,11 +148,10 @@ export default function Avatar() {
 
   return (
     <>
-      <div className="avatars">
+      <div className="avatars" style={{ display: user ? "block" : "none" }}>
         <div
           className="avatar"
           onContextMenu={handleMenuClick}
-          style={{ display: user ? "block" : "none" }}
           onClick={(event) => {
             if (contextMenu.open && event.target === avatarRef.current) {
               handleMenuClose();