diff --git a/files/templates/home.html b/files/templates/home.html
index 0e4dc7c4c..f3eb51335 100644
--- a/files/templates/home.html
+++ b/files/templates/home.html
@@ -61,9 +61,6 @@
 
 			{% block navbar %}
 			<div class="d-flex align-items-center">
-				{% set pcolor = "primary" if pins else "secondary" %}
-				<a class="btn btn-{{pcolor}} text-{{pcolor}} mx-2 smol-fp" href="/toggle_pins/{{sort}}"><i class="fas fas fa-thumbtack fa-rotate--45 mr-2 "></i>Pins</a>
-
 				{% if SITE_NAME != 'WPD' and not sub %}
 					<style>
 						@media (max-width: 427px) {
@@ -78,6 +75,10 @@
 					<a class="btn btn-{{hcolor}} text-{{hcolor}} mx-2 smol-fp" href="/toggle_holes"><i class="fas fas fa-manhole mr-2 "></i>Holes</a>
 				{% endif %}
 
+				{% set pcolor = "primary" if pins else "secondary" %}
+				<a class="btn btn-{{pcolor}} text-{{pcolor}} mx-2 smol-fp" href="/toggle_pins/{{sort}}"><i class="fas fas fa-thumbtack fa-rotate--45 mr-2 "></i>Pins</a>
+
+
 				<div class="dropdown dropdown-actions mx-2">
 					<button type="button" class="btn btn-secondary dropdown-toggle smol-fp" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 						{% if t=="hour" %}<i class="fas fa-clock mr-2 "></i>