closes #4096

public/less/admin/manage/groups.less

@@ -10,11 +10,5 @@
 				width: 100%;
 			}
 		}
-
-
-		img {
-			width: 32px;
-			height: 32px;
-		}
 	}
 }

public/less/generics.less

@@ -29,8 +29,7 @@
 			background: #eee;
 		}
 
-		img, .user-icon {
+		.avatar  {
-			.user-icon-style(36px, 1.8rem);
 			float: left;
 			margin-right: 1rem;
 		}

public/src/admin/manage/group.js

@@ -61,7 +61,9 @@ define('admin/manage/group', [
 									'data-usericon-bgColor': results.users[x]['icon:bgColor'],
 									'data-usericon-text': results.users[x]['icon:text']
 								})
-								.append(results.users[x].picture ? $('<img />').attr('src', results.users[x].picture) : $('<div />').addClass('user-icon').css('background-color', results.users[x]['icon:bgColor']).html(results.users[x]['icon:text']))
+								.append(results.users[x].picture ?
+									$('<img />').addClass('avatar avatar-sm').attr('src', results.users[x].picture) :
+									$('<div />').addClass('avatar avatar-sm').css('background-color', results.users[x]['icon:bgColor']).html(results.users[x]['icon:text']))
 								.append($('<span />').html(results.users[x].username));
 
 							groupDetailsSearchResults.append(foundUser);