diff --git a/web/src/components/UserAvatar.tsx b/web/src/components/UserAvatar.tsx
index 849acd34..1ef70137 100644
--- a/web/src/components/UserAvatar.tsx
+++ b/web/src/components/UserAvatar.tsx
@@ -6,8 +6,8 @@ interface Props {
 const UserAvatar = (props: Props) => {
   const { avatarUrl, className } = props;
   return (
-    <div className={`${className ?? ""} w-8 h-8 rounded-full overflow-clip bg-gray-100 dark:bg-zinc-800`}>
-      <img className="w-full h-auto min-w-full min-h-full object-cover" src={avatarUrl || "/logo.png"} alt="" />
+    <div className={`${className ?? ""} w-8 h-8 overflow-clip bg-gray-100 dark:bg-zinc-800`}>
+      <img className="w-full h-auto rounded-full min-w-full min-h-full object-cover" src={avatarUrl || "/logo.png"} alt="" />
     </div>
   );
 };