diff --git a/templates/apps_table.html b/templates/apps_table.html
index b2eaa00..11cabdc 100644
--- a/templates/apps_table.html
+++ b/templates/apps_table.html
@@ -1,10 +1,3 @@
-<h2>Live usage</h2>
-<div style="display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0 18px 0;">
-    {{ donut("CPU (containers)", data.gauges.cpu_total_pct, "Sum of container CPU%") }}
-    {{ donut("RAM (containers)", data.gauges.ram_pct, "Container RAM vs host total") }}
-    {{ donut("Docker images", data.gauges.docker_images_pct, "Used vs total image store") }}
-</div>
-
 {% macro donut(label, pct, subtitle) %}
 {% set r = 22 %}
 {% set c = 2 * 3.1415926 * r %}
@@ -24,6 +17,13 @@
 </div>
 {% endmacro %}
 
+<h2>Live usage</h2>
+<div style="display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0 18px 0;">
+    {{ donut("CPU (containers)", data.gauges.cpu_total_pct, "Sum of container CPU%") }}
+    {{ donut("RAM (containers)", data.gauges.ram_pct, "Container RAM vs host total") }}
+    {{ donut("Docker images", data.gauges.docker_images_pct, "Used vs total image store") }}
+</div>
+
 <h2>System</h2>
 <div style="display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 12px 0 18px 0;">
     <div style="border:1px solid #ddd; border-radius: 10px; padding: 12px;">