diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 2d2d7ccf9..95fee7ed7 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -40,6 +40,8 @@ avatar-radius = 50%
       position: absolute
 
     &.avatar-image
+      object-fit: cover;
+      object-position: center;
       height: 100%
       width: @height
 
diff --git a/client/components/users/userAvatar.styl b/client/components/users/userAvatar.styl
index b962b01c3..8209f4a13 100644
--- a/client/components/users/userAvatar.styl
+++ b/client/components/users/userAvatar.styl
@@ -29,6 +29,8 @@ avatar-radius = 50%
       position: absolute
 
     &.avatar-image
+      object-fit: cover;
+      object-position: center;
       height: 100%
       width: @height