diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index be3619984..0877d6752 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -58,6 +58,11 @@
     }
 
   }
+
+  &-centered-item {
+    text-align: center;
+  }
+
 }
 
 .pill-separate {
diff --git a/app/templates/components/pill.html b/app/templates/components/pill.html
index 9456309ee..bcbb5408b 100644
--- a/app/templates/components/pill.html
+++ b/app/templates/components/pill.html
@@ -10,7 +10,7 @@
     {% for label, option, link, count in items %}
       {% if current_value == option %}
         <li aria-selected='true' role='tab'>
-          <div class='pill-selected-item' tabindex='0'>
+          <div class='pill-selected-item{% if not show_count %} pill-centered-item{% endif %}' tabindex='0'>
       {% else %}
         <li aria-selected='false' role='tab'>
           <a href="{{ link }}">
@@ -18,7 +18,7 @@
         {% if show_count %}
             {{ big_number(count, **big_number_args) }}
         {% endif %}
-            <div class="pill-label">{{ label }}</div>
+            <div class="pill-label{% if not show_count %} pill-centered-item{% endif %}">{{ label }}</div>
       {% if current_value == option %}
           </div>
       {% else %}