diff --git a/public/Test.html b/public/Test.html
index 200577d..9bc079c 100644
--- a/public/Test.html
+++ b/public/Test.html
@@ -108,7 +108,7 @@
     <div class="table-wrap">
       <table id="boardTable"></table>
     </div>
-    <div id="boardLegend" style="margin-top:16px; padding:12px; background:#f7fafc; border-radius:6px; font-size:12px;"></div>
+    <div id="boardLegend"></div>
   </div>
 
   <!-- LOAD -->
diff --git a/public/styles.css b/public/styles.css
index 4323d81..832c101 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1161,8 +1161,12 @@ th.role-bauüberwachung { color: var(--text); }
 .legend-item.locked-legend-item { opacity: .7; }
 
 #boardLegend {
+  margin-top: 16px;
+  padding: 12px;
   background: var(--surface);
   border: 1px solid var(--line-soft);
+  border-radius: 6px;
+  font-size: 12px;
 }
 
 .swatch {