diff --git a/gracedb/static/css/style.css b/gracedb/static/css/style.css
index 849767d32d8fcc5fb79e0d655c405c36db92c81c..dbc51de5d50958b9dd2895fe8c0923ce115c9b93 100644
--- a/gracedb/static/css/style.css
+++ b/gracedb/static/css/style.css
@@ -32,6 +32,14 @@ table.event {width:100%}
 /* Tanner added - centering columns in multi-column tables */
 table.eventmulti td {text-align:center;}
 
+/* style for labels on detail pages */
+.label {
+    display: inline-block;
+    padding-left: 2px;
+    padding-right: 2px;
+    font-weight: bold;
+}
+
 /* superevent info table */
 .superevent th {padding: 5px 10px 5px 10px;border:none;text-align:center;vertical-align:bottom;}
 .superevent td {padding:10px;border:none;vertical-align:bottom;}
diff --git a/gracedb/templates/gracedb/event_detail.html b/gracedb/templates/gracedb/event_detail.html
index 3ac83ae87b4ef0144580cf8b349d9e13f74caed1..2db928a80810b55db1fac0f08db2b4927fa7e174 100644
--- a/gracedb/templates/gracedb/event_detail.html
+++ b/gracedb/templates/gracedb/event_detail.html
@@ -204,7 +204,7 @@
         <td>{{ object.graceid }}</td>
         <td>
              {% for labelling in object.labelling_set.all %}
-                <span onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></span>
+                <span onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</span>
              {% endfor %}
         </td>
         <td>{{ object.group.name }} </td>
diff --git a/gracedb/templates/superevents/detail.html b/gracedb/templates/superevents/detail.html
index a706c9a1adc58d12b01a26f4e6c743d9548662ca..1f8c3befe2cdf51f4a0d9d0173a8f0a2d28876e8 100644
--- a/gracedb/templates/superevents/detail.html
+++ b/gracedb/templates/superevents/detail.html
@@ -147,7 +147,7 @@
         <td>{{ superevent.superevent_id }}</td>
         <td>{{ superevent.get_category_display }}</td>
         <td>{% for labelling in superevent.labelling_set.all %}
-            <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></div>
+            <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</div>
             {% endfor %}
         </td>
 
@@ -203,7 +203,7 @@
         <td><a href="{% url "view" preferred_event.graceid %}">{{ preferred_event.graceid }}</a></td>
         <td>
              {% for labelling in preferred_event_labelling %}
-                <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}}"><b>{{ labelling.label.name }}</b></div>
+                <div onmouseover="tooltip.show(tooltiptext('{{labelling.label.name}}', '{{labelling.creator.username}}', '{{labelling.created|utc}}', '{{labelling.label.description}}'));" onmouseout="tooltip.hide();"  style="color: {{labelling.label.defaultColor}};" class="label">{{ labelling.label.name }}</div>
              {% endfor %}
         </td>
         <td>{{ preferred_event.group.name }} </td>