diff --git a/src/styles/components/_chat.scss b/src/styles/components/_chat.scss
index 16723d2d..019c0d7d 100644
--- a/src/styles/components/_chat.scss
+++ b/src/styles/components/_chat.scss
@@ -99,10 +99,16 @@ transition: left 200ms ease-in-out;
 	.list-group-item.disabled {
 		color:#aaa;
 	}
-	.list-group-item a {
+	.list-group-item > .item-btn {
 		position:absolute;
-		right:4px;
+		right:12px;
+		cursor: pointer;
+		display:none;
 	}
+	.list-group-item:hover > .item-btn {
+		display:inline;
+	}
+
 }
 .chatpane {
 position:absolute;
diff --git a/static/partials/chat.html b/static/partials/chat.html
index c5587f22..02b97677 100644
--- a/static/partials/chat.html
+++ b/static/partials/chat.html
@@ -10,7 +10,7 @@
 				    <i class="fa fa-users fa-lg"></i> {{_("Room chat")}} {{roomid}}
 				  </a>
 				  <a ng-repeat="room in getVisibleRooms()" ng-click="activateRoom(room.id, true)" class="list-group-item" ng-class="{newmessage: room.pending, disabled: !room.enabled}">
-				  	<span class="badge" ng-show="room.pending">{{room.pending}}</span><i class="fa fa-user fa-lg"></i> {{room.id|displayName}} <a class="fa fa-trash-o"></a>
+				  	<span class="badge" ng-show="room.pending">{{room.pending}}</span><i class="fa fa-user fa-lg"></i> {{room.id|displayName}} <span ng-click="hideRoom(room.id)" class="item-btn fa fa-trash-o"></span>
 				  </a>
 				</div>
 			</div>