diff --git a/client/index.html b/client/index.html
index 8af6d35..e361b9b 100644
--- a/client/index.html
+++ b/client/index.html
@@ -38,7 +38,7 @@
 		
 		<script type="text/html" class="channels">
 		{{#each channels}}
-		<button id="channel-{{id}}" class="channel" data-target="#window-{{id}}">
+		<button id="channel-{{id}}" class="channel {{type}}" data-target="#window-{{id}}">
 			<span class="badge"></span>
 			<span class="close"></span>
 			{{name}}
diff --git a/client/js/chat.js b/client/js/chat.js
index 07f5aae..e0fcfbd 100644
--- a/client/js/chat.js
+++ b/client/js/chat.js
@@ -121,18 +121,25 @@ $(function() {
 			.removeClass("highlight")
 			.empty();
 		var window = $(target)
-			.css("z-index", z++)
+			.css("z-index", z++) 
 			.find("input")
 			.focus();
 	});
 	
 	sidebar.on("click", ".close", function() {
-		var link = $(this);
-		var channel = link.closest(".channel");
+		var channel = $(this).closest(".channel");
 		var id = parseInt(channel.attr("id").split("-")[1]);
+		var cmd = "/close";
+		if (channel.hasClass("lobby")) {
+			cmd = "/quit";
+		}
 		socket.emit("input", {
 			id: id,
-			text: "/close",
+			text: cmd,
+		});
+		channel.css({
+			transition: "none",
+			opacity: .4
 		});
 		return false;
 	});