From 3a65cfd10a989dd2e4bebe58e7e8582085ee33be Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Fri, 18 Jul 2025 08:05:11 +0200
Subject: [PATCH] fix: ensure avatars don't squish depending on sidebar width

---
 components/User/UserEntry.vue                     | 6 ++++--
 pages/servers/[serverId]/channels/[channelId].vue | 7 ++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/User/UserEntry.vue b/components/User/UserEntry.vue
index 7e4ab4a..5abea85 100644
--- a/components/User/UserEntry.vue
+++ b/components/User/UserEntry.vue
@@ -34,8 +34,10 @@ const props = defineProps<{
 }
 
 .user-avatar {
-    width: 2.3em;
-    height: 2.3em;
+    min-width: 2.3em;
+    max-width: 2.3em;
+    min-width: 2.3em;
+    max-height: 2.3em;
 }
 
 .user-display-name {
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 045a269..89d5ca4 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -134,9 +134,10 @@ function handleMemberClick(member: GuildMemberResponse) {
 }
 
 .member-avatar {
-	height: 2.3em;
-	width: 2.3em;
-	border-radius: 50%;
+    min-width: 2.3em;
+    max-width: 2.3em;
+    min-width: 2.3em;
+    max-height: 2.3em;
 }
 
 .member-display-name {