From 5d42b8acbe9f2cdd733d6aefa37b23753b962887 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Wed, 18 Jan 2023 10:56:49 -0800
Subject: [PATCH] avatars

---
 packages/client/src/components/MkAvatars.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/MkAvatars.vue b/packages/client/src/components/MkAvatars.vue
index b1f21d1b60..52fda8b1db 100644
--- a/packages/client/src/components/MkAvatars.vue
+++ b/packages/client/src/components/MkAvatars.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="defgtij">
-	<div v-for="user in users" :key="user.id" class="avatar">
-		<MkAvatar :user="user" :show-indicator="true"/>
+	<div v-for="user in users" :key="user.id" class="avatar-holder">
+		<MkAvatar :user="user" :show-indicator="true" class="avatar"/>
 	</div>
 </div>
 </template>
@@ -31,10 +31,14 @@ onMounted(async () => {
 	grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
 	place-content: center;
 
-	> .avatar {
-		width: 100%;
-		height: 100%;
+	> .avatar-holder {
 		aspect-ratio: 1;
+
+		> .avatar {
+			width: 100%;
+			height: 100%;
+			aspect-ratio: 1;
+		}
 	}
 }
 </style>