https://github.com/NodeBB/NodeBB/issues/3977

less/chats.less

@@ -83,6 +83,13 @@
 			font-size: 20px;
 			top: 10px;
 		}
+
+		.leave {
+			opacity: 0.5;
+			&:hover {
+				opacity: 1.0;
+			}
+		}
 	}
 }
 

lib/client/chats.js

@@ -2,7 +2,7 @@ define('persona/chats', ['components', 'forum/chats'], function(components, core
 	var Chats = {};
 
 	Chats.init = function() {
-		components.get('chat/recent').off('click').on('click', '[component="chat/recent/room"]', function(e) {
+		components.get('chat/recent').on('click', '[component="chat/recent/room"]', function(e) {
 			var env = utils.findBootstrapEnvironment();
 			if (env === 'xs' || env === 'sm') {
 				app.openChat($(this).attr('data-roomid'));

templates/chats.tpl

@@ -6,6 +6,7 @@
 		<ul component="chat/recent" class="chats-list" data-nextstart="{nextStart}">
 			<!-- BEGIN rooms -->
 			<li component="chat/recent/room" data-roomid="{rooms.roomId}" class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->">
+				<i class="fa fa-times pull-right leave" component="chat/leave"></i>
 				<!-- IF rooms.lastUser.uid -->
 				<div data-username="{rooms.lastUser.username}" data-uid="{rooms.lastUser.uid}">
 					<!-- IF rooms.lastUser.picture -->