diff --git a/static/src/components/badge.css b/static/src/components/badge.css
index d152757ee1f3b5ed9f7fae6352de35daefbfad96..7ee496c5ffea8940cd083c90d4acf428bfa3e88b 100644
--- a/static/src/components/badge.css
+++ b/static/src/components/badge.css
@@ -5,3 +5,31 @@
.badge.badge-info {
background-color: var(--color-light-blue);
}
+
+.badge.badge-tag {
+ border: 1px solid var(--color-light-blue);
+ color: var(--color-dark-blue);
+ font-weight: 300;
+ font-size: 0.9rem;
+
+ display: inline-flex;
+
+ margin: 0.25rem 0;
+ padding: 0;
+ & span {
+ padding: 0.50em 0.4em;
+ }
+
+ & span.badge-count {
+ border-left: 1px solid var(--color-light-blue);
+ }
+
+ &:hover, &:active, &:focus {
+ color: var(--color-black);
+ border-color: var(--color-dark-blue);
+
+ & span.badge-count {
+ border-color: var(--color-dark-blue);
+ }
+ }
+}