diff --git a/src/components/views/groups/GroupMemberInfo.js b/src/components/views/groups/GroupMemberInfo.js
index 3e0e82433c..e66c635f1f 100644
--- a/src/components/views/groups/GroupMemberInfo.js
+++ b/src/components/views/groups/GroupMemberInfo.js
@@ -152,10 +152,15 @@ module.exports = withMatrixClient(React.createClass({
                 </div>;
         }
 
+        const avatarUrl = this.props.matrixClient.mxcUrlToHttp(
+            this.props.groupMember.avatarUrl,
+            36, 36, 'crop'
+        );
+
         const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
         const avatar = (
             <BaseAvatar name={this.props.groupMember.userId} width={36} height={36}
-                url={this.props.matrixClient.mxcUrlToHttp(this.props.groupMember.avatarUrl)}
+                url={avatarUrl}
             />
         );
 
diff --git a/src/components/views/groups/GroupMemberTile.js b/src/components/views/groups/GroupMemberTile.js
index 705fa56cae..66d45e2f71 100644
--- a/src/components/views/groups/GroupMemberTile.js
+++ b/src/components/views/groups/GroupMemberTile.js
@@ -48,11 +48,15 @@ export default withMatrixClient(React.createClass({
         const EntityTile = sdk.getComponent('rooms.EntityTile');
 
         const name = this.props.member.displayname || this.props.member.userId;
+        const avatarUrl = this.props.matrixClient.mxcUrlToHttp(
+            this.props.member.avatarUrl,
+            36, 36, 'crop'
+        );
 
         const av = (
             <BaseAvatar name={this.props.member.userId}
                 width={36} height={36}
-                url={this.props.matrixClient.mxcUrlToHttp(this.props.member.avatarUrl)}
+                url={avatarUrl}
             />
         );