diff --git a/templates/main.js b/templates/main.js
index 6652343d..b981a78b 100755
--- a/templates/main.js
+++ b/templates/main.js
@@ -227,7 +227,7 @@ function init_stylechooser() {
 		newElement.appendChild(style);
 	}
 
-	document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild.nextSibling);
+	document.getElementById('bottom-hud').before(newElement);
 }
 
 function get_cookie(cookie_name) {
diff --git a/templates/thread.html b/templates/thread.html
index 87baad83..89569ff2 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -29,7 +29,7 @@
 	<title>{{ board.url }} - {{ meta_subject }}</title>
 </head>
 <body id="thread" class="8chan vichan {% if mod %}is-moderator{% else %}is-not-moderator{% endif %} active-thread" data-stylesheet="{% if config.default_stylesheet.1 != '' %}{{ config.default_stylesheet.1 }}{% else %}default{% endif %}">
-	<div class="bar top">
+	<div id="top-hud" class="bar top">
 		{{ boardlist.top }}
 	</div>
 	<a name="top"></a>
@@ -106,7 +106,7 @@
 		{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
 	</footer>
         </div>
-	<div class="bar bottom">
+	<div id="bottom-hud" class="bar bottom">
 		<div class="threadlinks">
 			<span class="threadlink">[ <a href="{{ return }}">{% trans %}Return{% endtrans %}</a> /</span>
         		<span class="threadlink"><a href="#" style="padding-left: 10px"> {% trans %}Go to top{% endtrans %}</a> /</span>
