diff --git a/layouts/partials/page-single/post-meta.html b/layouts/partials/page-single/post-meta.html
index 983d470..5f67790 100644
--- a/layouts/partials/page-single/post-meta.html
+++ b/layouts/partials/page-single/post-meta.html
@@ -11,7 +11,7 @@
           in
           {{ $total := sub $total 1 }}
           {{ range $i, $cat := sort . }}
-              <a class="post__category" href="{{ "/categories/" | relURL }}{{ $cat | urlize }}">{{ $cat | upper }}</a>
+              <a class="badge badge-category" href="{{ "/categories/" | relURL }}{{ $cat | urlize }}">{{ $cat | upper }}</a>
               {{ if lt $i $total }}•{{ end }}
           {{ end }}
       {{ end }}
@@ -23,7 +23,7 @@
           <br/>
           {{ $subtotal := sub $total 1 }} <i class="fas fa-tags"></i>
           {{ range $i, $tag := . }}
-          <a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a>
+          <a class="badge badge-tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a>
           {{ if lt $i $subtotal }} {{ end }}
       {{ end }}
     {{ end }}
diff --git a/static-src/scss/hyde-hyde.scss b/static-src/scss/hyde-hyde.scss
index bc7336e..2ecbc78 100644
--- a/static-src/scss/hyde-hyde.scss
+++ b/static-src/scss/hyde-hyde.scss
@@ -11,6 +11,7 @@
 @import 'hyde-hyde/post';
 @import 'hyde-hyde/code';
 @import 'hyde-hyde/gist';
+@import 'hyde-hyde/taxonomies';
 @import 'hyde-hyde/project';
 @import 'hyde-hyde/responsive';
 @import 'hyde-hyde/misc';
diff --git a/static-src/scss/hyde-hyde/_taxonomies.scss b/static-src/scss/hyde-hyde/_taxonomies.scss
new file mode 100644
index 0000000..ac6a6f6
--- /dev/null
+++ b/static-src/scss/hyde-hyde/_taxonomies.scss
@@ -0,0 +1,40 @@
+.badge-category,
+a.badge-category {
+  color: #fff !important;
+  background-color: #0088cc;
+}
+
+a.badge-category {
+  &:hover, &:focus {
+    color: #0088cc !important;
+    background: transparent;
+    background-color: transparent;
+    text-decoration: none;
+    border-bottom: none;
+  }
+}
+
+.badge-tag,
+a.badge-tag {
+  color: #fff !important;
+  background-color: #7766cc;
+  &:hover, &:focus {
+    color: #7766cc !important;
+    background: transparent;
+    background-color: transparent;
+    text-decoration: none;
+    border-bottom: none;
+  }
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 0.75rem;
+  font-weight: bold;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+}