diff --git a/_layouts/staffer.html b/_layouts/staffer.html
index ed718c51a5b5342e54dacf7603a8ed6c9301f7b4..d5e86af373c67f6192c05a95089269be76c934af 100644
--- a/_layouts/staffer.html
+++ b/_layouts/staffer.html
@@ -17,10 +17,10 @@
     <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
     {% endif %}
     {% if page.section %}
-    <p class="text-grey-dk-000">Quiz Section: {{ page.section | markdownify | strip_html }}</p>
+    <p class="staffer-meta">Quiz Section: {{ page.section | markdownify | strip_html }}</p>
     {% endif %}
     {% if page.office-hours %}
-    <p class="text-grey-dk-000">Office Hours: {{ page.office-hours | markdownify | strip_html }}</p>
+    <p class="staffer-meta">Office Hours: {{ page.office-hours | markdownify | strip_html }}</p>
     {% endif %}
     {{ content }}
   </div>
diff --git a/_sass/custom/staffer.scss b/_sass/custom/staffer.scss
index 31c9a2068902e9a40a171e70f19d98aeb53cbe34..8e87d307bc22d838b76d4b1e57608ee1e61b52fc 100644
--- a/_sass/custom/staffer.scss
+++ b/_sass/custom/staffer.scss
@@ -23,3 +23,7 @@
 .staffer-pronouns {
   @extend .label, .text-grey-dk-100, .bg-grey-lt-200;
 }
+
+.staffer-meta {
+  @extend .text-grey-dk-000;
+}