diff --git a/core/src/main/resources/jenkins/model/Jenkins/legend.jelly b/core/src/main/resources/jenkins/model/Jenkins/legend.jelly
index 72a27bf0f2c75eae083cdd6b2d666858c09c0944..5b4c53f8a044ef195fe52440e568fd816ce2422d 100644
--- a/core/src/main/resources/jenkins/model/Jenkins/legend.jelly
+++ b/core/src/main/resources/jenkins/model/Jenkins/legend.jelly
@@ -29,7 +29,7 @@ THE SOFTWARE.
   <l:layout>
     <st:include page="sidepanel.jelly" />
     <l:main-panel>
-      <table cellpadding="5">
+      <table cellpadding="5" id="legend-table">
         <tr><td>
           <img src="images/48x48/grey.png" alt="" height="48" width="48"/>
           ${%grey}
diff --git a/war/src/main/webapp/css/style.css b/war/src/main/webapp/css/style.css
index 4aa3ecda56d2f99b2ae68ce522e2c24a7c847860..a1372d05019c2aebc49c4564ec7dbf8b8bca9f02 100644
--- a/war/src/main/webapp/css/style.css
+++ b/war/src/main/webapp/css/style.css
@@ -1122,4 +1122,9 @@ td.matrix-leftcolumn {
 td.matrix-cell {
 	border: 1px #BBBBBB solid;
 	text-align: center;
-}
\ No newline at end of file
+}
+
+/* ========================= legend.jelly ================== */
+table#legend-table td {
+	vertical-align: middle;
+}