diff --git a/_layouts/staffer.html b/_layouts/staffer.html
index 1793e6cf662b62a3efb9c315e33b378701c90161..ed718c51a5b5342e54dacf7603a8ed6c9301f7b4 100644
--- a/_layouts/staffer.html
+++ b/_layouts/staffer.html
@@ -9,13 +9,13 @@
       {% else %}
       {{ page.name }}
       {% endif %}
+      {% if page.pronouns %}
+      <span class="staffer-pronouns">{{ page.pronouns }}</span>
+      {% endif %}
     </h3>
     {% if page.email %}
     <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
     {% endif %}
-    {% if page.pronouns %}
-    <p>Pronouns: {{ page.pronouns }}</p>
-    {% endif %}
     {% if page.section %}
     <p class="text-grey-dk-000">Quiz Section: {{ page.section | markdownify | strip_html }}</p>
     {% endif %}
diff --git a/_sass/custom/staffer.scss b/_sass/custom/staffer.scss
index 0d0cc2d3d56d5bea3619e337f2d03cb063207fcd..31c9a2068902e9a40a171e70f19d98aeb53cbe34 100644
--- a/_sass/custom/staffer.scss
+++ b/_sass/custom/staffer.scss
@@ -19,3 +19,7 @@
 .staffer-name {
   margin: $sp-1;
 }
+
+.staffer-pronouns {
+  @extend .label, .text-grey-dk-100, .bg-grey-lt-200;
+}