diff --git a/src/components/home/PersonCard.vue b/src/components/home/PersonCard.vue
index 8bb8258e..c2891c7b 100644
--- a/src/components/home/PersonCard.vue
+++ b/src/components/home/PersonCard.vue
@@ -119,7 +119,10 @@ const status = ref(false);
             class="avatar"
             style="border: 2px solid var(--border-color)"
           >
-            <q-img :src="v.img" width="100%" />
+            <q-img
+              :src="v.img"
+              style="object-fit: cover; width: 100%; height: 100%"
+            />
             <div class="status-circle">
               <q-icon
                 :name="`mdi-${v.disabled ? 'close' : 'check'}`"