diff --git a/client/css/style.css b/client/css/style.css
index c02b2e42..acd27713 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -120,9 +120,14 @@ button {
 	content: "\f0c9";
 }
 #viewport .rt {
+	display: block;
 	float: right;
 	margin: 6px -12px 0 12px;
 }
+#viewport.rt #chat .sidebar {
+	-webkit-transform: translate3d(180px, 0, 0);
+	        transform: translate3d(180px, 0, 0);
+}
 #sidebar {
 	bottom: 52px;
 	left: 0;
@@ -463,6 +468,11 @@ button {
 	position: absolute;
 	right: 0;
 	width: 180px;
+	transition: all .4s;
+	-webkit-transform: translateZ(0);
+	        transform: translateZ(0);
+	-webkit-perspective: 1000;
+	        perspective: 1000;
 }
 #chat .lobby .chat,
 #chat .query .chat {
@@ -958,11 +968,6 @@ button {
 	}
 	#chat .sidebar {
 		right: -180px;
-		transition: all .4s;
-		-webkit-transform: translateZ(0);
-		        transform: translateZ(0);
-		-webkit-perspective: 1000;
-		        perspective: 1000;
 	}
 	#chat .title:before {
 		display: none;
diff --git a/client/js/shout.js b/client/js/shout.js
index c26ec443..5a50433c 100644
--- a/client/js/shout.js
+++ b/client/js/shout.js
@@ -385,7 +385,7 @@ $(function() {
 		if (viewport.is(".lt, .rt")) {
 			e.stopPropagation();
 			chat.find(".chat").one("click", function() {
-				viewport.removeClass("lt rt");
+				viewport.removeClass("lt");
 			});
 		}
 	});
@@ -462,7 +462,7 @@ $(function() {
 			favico.badge("");
 		}
 
-		viewport.removeClass();
+		viewport.removeClass("lt");
 		$("#windows .active").removeClass("active");
 
 		var chan = $(target)