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>