diff --git a/web/templates/index.html b/web/templates/index.html
index fbe3021..589f33f 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -35,16 +35,19 @@
     <form class="inline" method="post" action="{{ url_for('refresh_now') }}">
       <button type="submit">Refresh now</button>
     </form>
-    {% for screen_id, screen in screens.items() %}
-    <form class="inline" method="post" action="{{ url_for('switch_now', screen_id=screen_id) }}">
-      <button class="secondary" type="submit">Show {{ screen.display_name }}</button>
-    </form>
-    {% endfor %}
     {% if status.pinned_screen %}
     <form class="inline" method="post" action="{{ url_for('resume_rotation') }}">
       <button class="secondary" type="submit">Resume automatic</button>
     </form>
     {% endif %}
   </div>
+
+  <div class="actions" style="margin-top: 0.75rem;">
+    {% for screen_id, screen in screens.items() | sort(attribute="1.display_name") %}
+    <form class="inline" method="post" action="{{ url_for('switch_now', screen_id=screen_id) }}">
+      <button class="secondary" type="submit">Show {{ screen.display_name }}</button>
+    </form>
+    {% endfor %}
+  </div>
 </div>
 {% endblock %}