From 9fd6c365b39170983cee80c7f04c7c07f9835100 Mon Sep 17 00:00:00 2001
From: Guhan <74915094+Gukkey@users.noreply.github.com>
Date: Mon, 28 Oct 2024 12:00:11 +0530
Subject: [PATCH] fix (ProfileAvatar): fixed vertically long profile image
 avatar overflowing fixed an issue where vertically long images in profile
 avatar overflowing instead of being fixed to a defined "size" Issue
 ref(s):#460

---
 src/lib/lemmy/ProfileAvatar.svelte | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/lib/lemmy/ProfileAvatar.svelte b/src/lib/lemmy/ProfileAvatar.svelte
index 107335a5..78023848 100644
--- a/src/lib/lemmy/ProfileAvatar.svelte
+++ b/src/lib/lemmy/ProfileAvatar.svelte
@@ -12,14 +12,17 @@
 {#if profile}
   <div style="width: {size}px; height: {size}px;">
     {#if profile.avatar && !profile.color}
-      <img
-        src="{profile.avatar}?thumbnail=32&format=webp"
-        alt={profile.username}
-        width={size}
-        height={size}
-        class="flex-shrink-0 rounded-full ring-slate-800/50 dark:ring-zinc-200/50"
+      <div
+        style={`width: ${size}px; height: ${size}px`}
+        class="rounded-full overflow-hidden ring-slate-800/50 dark:ring-zinc-200/50"
         class:ring-2={selected}
-      />
+      >
+        <img
+          src="{profile.avatar}?thumbnail=32&format=webp"
+          alt={profile.username}
+          class="w-full h-full object-cover"
+        />
+      </div>
     {:else}
       <Icon
         src={UserCircle}