From 17ca97ebd1249e65550534f11a5f090110a180fe Mon Sep 17 00:00:00 2001
From: Stephen Zhou <hi@hyoban.cc>
Date: Sun, 26 Mar 2023 20:43:15 +0800
Subject: [PATCH] fix: avatar is not rounded (#1415)

---
 web/src/components/UserAvatar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/UserAvatar.tsx b/web/src/components/UserAvatar.tsx
index 7f475897..849acd34 100644
--- a/web/src/components/UserAvatar.tsx
+++ b/web/src/components/UserAvatar.tsx
@@ -6,7 +6,7 @@ interface Props {
 const UserAvatar = (props: Props) => {
   const { avatarUrl, className } = props;
   return (
-    <div className={`${className ?? ""} w-8 h-8 rounded-full bg-gray-100 dark:bg-zinc-800`}>
+    <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>
   );