From cfde7feec621c208df9f09c5d3949deb56ca71e8 Mon Sep 17 00:00:00 2001
From: Kerwin Bryant <kerwin612@qq.com>
Date: Fri, 22 Nov 2024 00:51:18 +0000
Subject: [PATCH] Fix the shaking issue for avatars with an aspect ratio that
 is not 1:1.

---
 modules/templates/util_avatar.go | 2 +-
 web_src/css/base.css             | 1 -
 web_src/css/user.css             | 1 -
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/modules/templates/util_avatar.go b/modules/templates/util_avatar.go
index f7dd408ee2133..0c33ef501c9fa 100644
--- a/modules/templates/util_avatar.go
+++ b/modules/templates/util_avatar.go
@@ -34,7 +34,7 @@ func AvatarHTML(src string, size int, class, name string) template.HTML {
 		name = "avatar"
 	}
 
-	return template.HTML(`<img loading="lazy" class="` + class + `" src="` + src + `" title="` + html.EscapeString(name) + `" width="` + sizeStr + `" height="` + sizeStr + `"/>`)
+	return template.HTML(`<img loading="lazy" class="` + class + `" src="` + src + `" title="` + html.EscapeString(name) + `" height="` + sizeStr + `"/>`)
 }
 
 // Avatar renders user avatars. args: user, size (int), class (string)
diff --git a/web_src/css/base.css b/web_src/css/base.css
index babbf4c89dcab..6b34588be915a 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -463,7 +463,6 @@ img.ui.avatar,
 .ui.avatar svg {
   border-radius: var(--border-radius);
   object-fit: contain;
-  aspect-ratio: 1;
 }
 
 .ui.error.message .header,
diff --git a/web_src/css/user.css b/web_src/css/user.css
index caabf1834cbb2..a80764c6985aa 100644
--- a/web_src/css/user.css
+++ b/web_src/css/user.css
@@ -43,7 +43,6 @@
 
 .user.profile .ui.card #profile-avatar img {
   max-width: 100%;
-  height: auto;
 }
 
 @media (max-width: 767.98px) {