diff --git a/puppetboard/static/css/puppetboard.css b/puppetboard/static/css/puppetboard.css
index 01b8e63..977bcf9 100644
--- a/puppetboard/static/css/puppetboard.css
+++ b/puppetboard/static/css/puppetboard.css
@@ -1,65 +1,75 @@
 body {
   margin: 0;
   font-family: "Open Sans", sans-serif;
 }
 
 a {
   color: #2C3E50;
   text-decoration: none;
 }
 
 h1.ui.header.no-margin-bottom {
   margin-bottom: 0;
 }
 
 .tablesorter-header-inner {
   float: left;
 }
 
 th.tablesorter-headerAsc::after {
   content: '\25b4' !important;
   float: right;
 }
 
 th.tablesorter-headerDesc::after {
   content: '\25be' !important;
   float: right;
 }
 
 .ui.grid.padding-bottom {
   padding-bottom: 40px !important;
 }
 
 .status {
   width: 47%;
   text-align: center;
   display: block;
 }
 .count {
   width: 21%;
   text-align: center;
   display: block;
 }
 
 .no-margin-top {
   margin-top: -35px !important;
 }
 
 .absolute {
   position: fixed;
   bottom: 0;
   width: 100%;
   background: #E8E8E8;
 }
 
 .absolute div {
   padding: 1em;
 }
 
 .ui.menu.darkblue {
   background-color:#2C3E50;
 }
 
 .ui.darkblue.header, i.darkblue {
   color:#2C3E50;
 }
+
+.ui.labels .darkblue.label::before, .ui.darkblue.labels .label::before, .ui.darkblue.label::before {
+  background-color:#2C3E50;
+}
+
+.ui.darkblue.labels .label, .ui.darkblue.label {
+  background-color:#2C3E50;
+  border-color:#2C3E50;
+  color:#FFF;
+}
diff --git a/puppetboard/templates/facts.html b/puppetboard/templates/facts.html
index 98d390c..b6fe29b 100644
--- a/puppetboard/templates/facts.html
+++ b/puppetboard/templates/facts.html
@@ -1,16 +1,16 @@
 {% extends 'layout.html' %}
 {% block content %}
 <div class="ui fluid icon input hide" style="margin-bottom:20px">
   <input autofocus="autofocus" class="filter-list" placeholder="Type here to filter...">
 </div>
 <div style="-moz-column-count:4; -webkit-column-count:4; column-count:4;">
   {%- for key,facts_list in facts_dict %}
-  <span class='ui label purple'>{{key}}</span>
+  <span class='ui label darkblue'>{{key}}</span>
   <ul class="searchable">
     {%- for fact in facts_list %}
     <li><a href="{{url_for('fact', fact=fact)}}">{{fact}}</a></li>
     {%- endfor %}
   </ul>
   {% endfor %}
 </div>
 {% endblock content %}