diff --git a/static/css/bootstrap.css b/static/css/bootstrap.css
index 0083ca9e..49a88790 100644
--- a/static/css/bootstrap.css
+++ b/static/css/bootstrap.css
@@ -3274,7 +3274,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
-  color: #888888;
+  color: #555555;
   background-color: #eeeeee;
 }
 .nav-stacked > li {
diff --git a/static/css/my_checks.css b/static/css/my_checks.css
index 8342a6eb..76a698ca 100644
--- a/static/css/my_checks.css
+++ b/static/css/my_checks.css
@@ -112,6 +112,7 @@
     background-color: #eee;
     color: #555;
     font-style: normal;
+    font-weight: 500;
 }
 
 #show-usage-modal  .modal-dialog {
diff --git a/stuff/bootstrap/variables.less b/stuff/bootstrap/variables.less
index cc0f7cc0..7cfc7f2e 100755
--- a/stuff/bootstrap/variables.less
+++ b/stuff/bootstrap/variables.less
@@ -441,7 +441,7 @@
 //== Pills
 @nav-pills-border-radius:                   @border-radius-base;
 @nav-pills-active-link-hover-bg:            #EEE;
-@nav-pills-active-link-hover-color:         #888;
+@nav-pills-active-link-hover-color:         #555;
 
 
 //== Pagination
diff --git a/templates/accounts/badges.html b/templates/accounts/badges.html
index 0c73ab19..c3863970 100644
--- a/templates/accounts/badges.html
+++ b/templates/accounts/badges.html
@@ -11,7 +11,7 @@
 </div>
 
 <div class="row">
-    <div class="col-sm-3">
+    <div class="col-sm-2">
         <ul class="nav nav-pills nav-stacked">
             <li><a href="{% url 'hc-profile' %}">Security</a></li>
             <li><a href="{% url 'hc-notifications' %}">Notifications</a></li>
@@ -19,7 +19,7 @@
         </ul>
     </div>
 
-    <div class="col-sm-9">
+    <div class="col-sm-10">
         <div class="panel panel-default">
             <div class="panel-body settings-block">
                 <h2 class="settings-title">Status Badges</h2>