diff --git a/js/client-chat.js b/js/client-chat.js
index 89def280a..087deccba 100644
--- a/js/client-chat.js
+++ b/js/client-chat.js
@@ -632,6 +632,7 @@
 
 	var ChatRoom = this.ChatRoom = ConsoleRoom.extend({
 		minWidth: 320,
+		minMainWidth: 580,
 		maxWidth: 1024,
 		isSideRoom: true,
 		initialize: function() {
diff --git a/js/client.js b/js/client.js
index 154457f02..1649a25bd 100644
--- a/js/client.js
+++ b/js/client.js
@@ -1211,11 +1211,12 @@
 				return;
 			}
 			var leftMin = (this.curRoom.minWidth || this.curRoom.bestWidth);
+			var leftMinMain = (this.curRoom.minMainWidth || leftMin);
 			var rightMin = (this.sideRoom.minWidth || this.sideRoom.bestWidth);
 			var available = $(window).width();
 			if (this.curRoom.isSideRoom) {
 				// we're trying to focus a side room
-				if (available >= this.rooms[''].tinyWidth + leftMin) {
+				if (available >= this.rooms[''].tinyWidth + leftMinMain) {
 					// it fits to the right of the main menu, so do that
 					this.curSideRoom = this.sideRoom = this.curRoom;
 					this.curRoom = this.rooms[''];