diff --git a/css/classic.css b/css/classic.css
index d052cae1..005fdbd6 100644
--- a/css/classic.css
+++ b/css/classic.css
@@ -296,6 +296,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/dark.css b/css/dark.css
index 1e8073d1..e89f45f2 100644
--- a/css/dark.css
+++ b/css/dark.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/deepness.css b/css/deepness.css
index 140cb79f..ef4fa64c 100644
--- a/css/deepness.css
+++ b/css/deepness.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/midwinter.css b/css/midwinter.css
index a4d7e37b..673822f8 100644
--- a/css/midwinter.css
+++ b/css/midwinter.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/modern.css b/css/modern.css
index d1368bf2..f88d06bd 100644
--- a/css/modern.css
+++ b/css/modern.css
@@ -312,6 +312,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/paper-plane.css b/css/paper-plane.css
index 738f9655..ae9889e9 100644
--- a/css/paper-plane.css
+++ b/css/paper-plane.css
@@ -292,6 +292,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/paw.css b/css/paw.css
index c22f9e85..6132b834 100644
--- a/css/paw.css
+++ b/css/paw.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/css/sunrise.css b/css/sunrise.css
index 8ca0d2c4..c2879120 100644
--- a/css/sunrise.css
+++ b/css/sunrise.css
@@ -318,6 +318,14 @@
 	width: 100%;
 }
 
+/* Legend footer: keeps the legend centered beneath the list in normal
+   document flow, so it never overlays the final rows or action controls. */
+.tholdLegendFooter {
+	display: table;
+	width: 100%;
+	margin: 8px auto 0;
+}
+
 .tholdLegend .tholdLegendItem {
 	box-sizing: border-box;
 	width: 100%;
diff --git a/thold.php b/thold.php
index 26934a1e..8f9aeaa4 100644
--- a/thold.php
+++ b/thold.php
@@ -1158,8 +1158,12 @@ function clearFilter() {
 		print $nav;
 	}
 
+	print '<div class="center tholdLegendFooter">';
+
 	thold_legend();
 
+	print '</div>';
+
 	draw_actions_dropdown($thold_actions);
 
 	if (isset($host_id) && $host_id != '') {
diff --git a/thold_graph.php b/thold_graph.php
index 5676d8c9..bb1f23ea 100644
--- a/thold_graph.php
+++ b/thold_graph.php
@@ -834,8 +834,12 @@ function tholds() {
 		print $nav;
 	}
 
+	print '<div class="center tholdLegendFooter">';
+
 	thold_legend();
 
+	print '</div>';
+
 	// thold_display_rusage();
 }
 
@@ -1220,8 +1224,12 @@ function hosts() {
 		print $nav;
 	}
 
+	print '<div class="center tholdLegendFooter">';
+
 	host_legend();
 
+	print '</div>';
+
 	// thold_display_rusage();
 }
 
@@ -1716,7 +1724,11 @@ function thold_show_log() {
 		print $nav;
 	}
 
+	print '<div class="center tholdLegendFooter">';
+
 	log_legend();
+
+	print '</div>';
 }
 
 /**