diff --git a/assets/css/main.scss b/assets/css/main.scss
index a3c29de..28bb588 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -155,4 +155,17 @@ th, td {
 
 table caption {
   font-weight: bold;
-}
\ No newline at end of file
+}
+
+.tag {
+  display: inline-block;
+  padding: 0.25em 0.75em;
+  border-radius: 9999px;
+  font-size: 0.875rem;
+  font-weight: 500;
+  text-decoration: none;
+  text-transform: lowercase;
+  margin: 0 0.1em;
+  background-color: v.$color_tertiary;
+  color: #ffffff;
+}
diff --git a/layouts/_partials/page-tags.html b/layouts/_partials/page-tags.html
index 62a7f14..49124fa 100644
--- a/layouts/_partials/page-tags.html
+++ b/layouts/_partials/page-tags.html
@@ -15,7 +15,7 @@ For a given taxonomy, renders a list of terms assigned to the page.
   <div>
     <span>{{ $label }}: </span>
     {{- range . }}
-      <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+      <a class="tag" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
     {{- end }}
   </div>
 {{- end }}