diff --git a/tailwind.css b/tailwind.css
index f8d9b29..e9499dd 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -49,3 +49,12 @@ div.organization i {
     @apply mr-1;
     @apply text-stone-500;
 }
+
+ul.highlights {
+	@apply pe-4;
+}
+ul.highlights li {
+    @apply text-center;
+    @apply ring;
+}
+
diff --git a/templates/partials/volunteer.html b/templates/partials/volunteer.html
index 6144e54..1ec66c8 100644
--- a/templates/partials/volunteer.html
+++ b/templates/partials/volunteer.html
@@ -85,7 +85,7 @@
         {% if volunteer_item.highlights %}
         <ul class="highlights grid grid-cols-4 gap-4">
           {% for highlight in volunteer_item.highlights %}
-          <li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50  text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
+          <li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
           {% endfor %}
         </ul>
         {% endif %}
diff --git a/templates/partials/work.html b/templates/partials/work.html
index d2a4add..1c7496b 100644
--- a/templates/partials/work.html
+++ b/templates/partials/work.html
@@ -69,7 +69,7 @@
         {% if work_item.highlights %}
         <ul class="highlights grid grid-cols-4 gap-4">
           {% for  highlight in work_item.highlights %}
-            <li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50  text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
+            <li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
           {% endfor %}
         </ul>
         {% endif %}