diff --git a/web/src/components/UserAvatar.tsx b/web/src/components/UserAvatar.tsx
index ce9535f0..02a62a09 100644
--- a/web/src/components/UserAvatar.tsx
+++ b/web/src/components/UserAvatar.tsx
@@ -8,7 +8,7 @@ interface Props {
 const UserAvatar = (props: Props) => {
   const { avatarUrl, className } = props;
   return (
-    <div className={classNames(`w-8 h-auto overflow-clip rounded-full`, className)}>
+    <div className={classNames(`w-8 h-8 overflow-clip rounded-full`, className)}>
       <img
         className="w-full h-auto rounded-full min-w-full min-h-full object-cover dark:opacity-80"
         src={avatarUrl || "/logo.webp"}