From 359d2488d3eb5492a04f208f6978e0fbf7e96a4d Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 16 Feb 2025 14:05:37 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Image/index.tsx    | 2 +-
 src/components/UserItem/index.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx
index 003de77b..0a5dbe18 100644
--- a/src/components/Image/index.tsx
+++ b/src/components/Image/index.tsx
@@ -55,7 +55,7 @@ export default function Image({
           src={url}
           alt={alt}
           className={cn(
-            'object-cover transition-opacity duration-300 w-full h-full',
+            'object-cover transition-opacity duration-300',
             isLoading ? 'opacity-0' : 'opacity-100',
             className
           )}
diff --git a/src/components/UserItem/index.tsx b/src/components/UserItem/index.tsx
index 20681b83..577d5150 100644
--- a/src/components/UserItem/index.tsx
+++ b/src/components/UserItem/index.tsx
@@ -11,7 +11,11 @@ export default function UserItem({ pubkey }: { pubkey: string }) {
     <div className="flex gap-2 items-start">
       <UserAvatar userId={pubkey} className="shrink-0" />
       <div className="w-full overflow-hidden">
-        <Username userId={pubkey} className="font-semibold truncate" skeletonClassName="h-4" />
+        <Username
+          userId={pubkey}
+          className="font-semibold truncate max-w-full w-fit"
+          skeletonClassName="h-4"
+        />
         <Nip05 pubkey={pubkey} />
         <div className="truncate text-muted-foreground text-sm">{profile?.about}</div>
       </div>