diff --git a/src/components/app/relationships/FriendsTemplate.vue b/src/components/app/relationships/FriendsTemplate.vue
index 7a34d6d..33178b2 100644
--- a/src/components/app/relationships/FriendsTemplate.vue
+++ b/src/components/app/relationships/FriendsTemplate.vue
@@ -8,13 +8,13 @@
   >
     <div
       class="profile-picture"
-      :style="
-        `border-color: ${
-          status.statusColor
-        }; background-image: url(${userAvatar}${hover || !isGif ? '' : '?type=webp'})`
-      "
+      :style="`border-color: ${status.statusColor};`"
       @click="openUserInformation"
     >
+      <img
+        class="avatar"
+        :src="`${userAvatar}${hover || !isGif ? '' : '?type=webp'}`"
+      />
       <div
         class="status"
         :style="`background-image: url(${status.statusURL})`"
@@ -179,12 +179,15 @@ export default {
   margin-right: 5px;
   border: solid 2px;
   position: relative;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
   transition: 0.3s;
   flex-shrink: 0;
 }
+.avatar {
+  height: 30px;
+  width: 30px;
+  border-radius: 50%;
+  object-fit: cover;
+}
 .information {
   margin: auto;
   margin-left: 5px;