<small> in .list-group-item.active's <h4> header is gray

Created by: blixt

It looks like this today:

It should probably look something like this:

Markup:

<div class="list-group">
  <!-- ... -->
  <a href="#" class="list-group-item active">
    <h4 class="list-group-item-heading">Alpha Centauri II <small>Desert</small></h4>
    <p class="list-group-item-text">Played <strong>32 minutes ago</strong></p>
  </a>
  <!-- ... -->
</div>