From 5209f29a5cc7b7ed6b3bbb661f895eed9cfa1680 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Fri, 27 Oct 2017 18:27:54 +0100
Subject: [PATCH] Use "crop" method to scale group avatars in MyGroups

---
 src/components/structures/MyGroups.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/structures/MyGroups.js b/src/components/structures/MyGroups.js
index bb0d42435e..b6a450fbb4 100644
--- a/src/components/structures/MyGroups.js
+++ b/src/components/structures/MyGroups.js
@@ -62,7 +62,9 @@ const GroupTile = React.createClass({
         const profile = this.state.profile || {};
         const name = profile.name || this.props.groupId;
         const desc = profile.shortDescription;
-        const httpUrl = profile.avatarUrl ? this.context.matrixClient.mxcUrlToHttp(profile.avatarUrl, 50, 50) : null;
+        const httpUrl = profile.avatarUrl ? this.context.matrixClient.mxcUrlToHttp(
+            profile.avatarUrl, 50, 50, "crop",
+        ) : null;
         return <AccessibleButton className="mx_GroupTile" onClick={this.onClick}>
             <div className="mx_GroupTile_avatar">
                 <BaseAvatar name={name} url={httpUrl} width={50} height={50} />