diff --git a/less/chats.less b/less/chats.less
index 882d1d6..aa6e3b6 100644
--- a/less/chats.less
+++ b/less/chats.less
@@ -83,6 +83,13 @@
 			font-size: 20px;
 			top: 10px;
 		}
+
+		.leave {
+			opacity: 0.5;
+			&:hover {
+				opacity: 1.0;
+			}
+		}
 	}
 }
 
diff --git a/lib/client/chats.js b/lib/client/chats.js
index 7ef4e58..f0d7544 100644
--- a/lib/client/chats.js
+++ b/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'));
diff --git a/templates/chats.tpl b/templates/chats.tpl
index 1cc1799..57ada5d 100644
--- a/templates/chats.tpl
+++ b/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 -->