diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index 8cc3cd0..79cdc4b 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -204,3 +204,27 @@
     }
   }
 }
+
+.categories,
+.tags {
+  a {
+    font-size: 0.9em;
+    padding: 3px 6px 4px;
+    margin: 0 0.21em;
+    // box-shadow: 0 2px 3px 0 #cbcbcb, 0 2px 2px #dedede inset;
+    border-radius: 3px;
+    background-color: #e2e2e2;
+
+    color: #757575;
+    text-decoration: none;
+
+    &:hover {
+      opacity: 1;
+      color: #3a3a3a;
+    }
+  }
+
+  .icon {
+    color: inherit;
+  }
+}
diff --git a/layouts/partials/taxonomy/categories.html b/layouts/partials/taxonomy/categories.html
index 1e61d63..b9bf799 100644
--- a/layouts/partials/taxonomy/categories.html
+++ b/layouts/partials/taxonomy/categories.html
@@ -1,5 +1,5 @@
 <div class="categories">
   {{- range $index, $el := . -}}
-    <a href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="fas fa-folder"></i>{{ . }}</a>
+    <a href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-folder"></i>{{ . }}</a>
   {{- end -}}
 </div>
diff --git a/layouts/partials/taxonomy/tags.html b/layouts/partials/taxonomy/tags.html
index 461abe7..b9d05d9 100644
--- a/layouts/partials/taxonomy/tags.html
+++ b/layouts/partials/taxonomy/tags.html
@@ -1,5 +1,5 @@
 <div class="tags">
   {{- range $index, $el := . -}}
-    <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="fas fa-tag"></i>{{ . }}</a>
+    <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-tag"></i>{{ . }}</a>
   {{- end -}}
 </div>