diff --git a/static/koboldai.js b/static/koboldai.js
index c390861f..de16236e 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -1898,6 +1898,16 @@ String.prototype.toHHMMSS = function () {
     return hours+':'+minutes+':'+seconds;
 }
 
+function close_menus() {
+	document.getElementById("setting_menu_icon").classList.remove("change");
+	document.getElementById("SideMenu").classList.remove("open");
+	document.getElementById("main-grid").classList.remove("menu-open");
+	
+	document.getElementById("story_menu_icon").classList.remove("change");
+	document.getElementById("rightSideMenu").classList.remove("open");
+	document.getElementById("main-grid").classList.remove("story_menu-open");
+}
+
 function toggle_flyout(x) {
 	if (document.getElementById("SideMenu").classList.contains("pinned")) {
 		//do nothing
diff --git a/templates/index_new.html b/templates/index_new.html
index f71bb7b8..b709736c 100644
--- a/templates/index_new.html
+++ b/templates/index_new.html
@@ -24,14 +24,15 @@
 		{% include 'settings flyout.html' %}
 	</div>
 
+	<!------------ Left Menu Icon--------------------->
+	<div id="setting_menu_icon" class="menu_icon hidden changed" onclick="toggle_flyout(this)"> 
+		<div class="menubar1"></div>
+		<div class="menubar2"></div>
+		<div class="menubar3"></div>
+	</div>
+
 	<!------------ Main Screen--------------------->
-	<div id="main-grid" class="main-grid settings_pinned">
-		<!------------ Left Menu Icon--------------------->
-		<div id="setting_menu_icon" class="menu_icon hidden changed" onclick="toggle_flyout(this)"> 
-			<div class="menubar1"></div>
-			<div class="menubar2"></div>
-			<div class="menubar3"></div>
-		</div>
+	<div id="main-grid" class="main-grid settings_pinned" onclick="close_menus();">
 		<!------------ Game Text Screen--------------------->
 		<div class="gamescreen" id="gamescreen">
 			<div id="disconnect_message"><center><h1>Disconnected</h1></center></div>
@@ -56,13 +57,13 @@
 			<button type="button" class="btn action_button redo" onclick="socket.emit('redo', {});"><span class="oi" data-glyph="action-redo"></span></button>
 			<button type="button" class="btn action_button retry" onclick="socket.emit('retry', {});"><span class="oi" data-glyph="loop-circular"></span></button>
 		</div>
-		<!------------ Right Menu Icon--------------------->
-		<div id="story_menu_icon" class="right_menu_icon" onclick="toggle_flyout_right(this)"> 
-			<div class="menubar1"></div>
-			<div class="menubar2"></div>
-			<div class="menubar3"></div>
-		</div>
-		<!----<span class="oi right_menu_icon" data-glyph="chevron-left" onclick="toggle_flyout_right(this)"></span>--->
+	</div>
+	
+	<!------------ Right Menu Icon--------------------->
+	<div id="story_menu_icon" class="right_menu_icon" onclick="toggle_flyout_right(this)"> 
+		<div class="menubar1"></div>
+		<div class="menubar2"></div>
+		<div class="menubar3"></div>
 	</div>
 	
 	<!------------ Right Flyout Menu--------------------->
@@ -74,7 +75,7 @@
 	<!------------- Pop-Ups ------------------------------->
 	{% include 'popups.html' %}
 	
-	<!------------- World Info Template ------------------------------->
+	<!------------- Templates ------------------------------->
 	<div class="hidden">
 		<div draggable="true" class="world_info_card" id="world_info_">
 			<div class="world_info_title_area">