diff --git a/components/common/FilterLink.js b/components/common/FilterLink.js
index d0c4f1c1..30cdc025 100644
--- a/components/common/FilterLink.js
+++ b/components/common/FilterLink.js
@@ -13,18 +13,16 @@ export function FilterLink({ id, value, label, externalUrl, children, className
const selected = query[id] === value;
return (
-
+
{children}
{!value && `(${label || formatMessage(labels.unknown)})`}
{value && (
-
+
{safeDecodeURI(label || value)}
)}
diff --git a/components/common/FilterLink.module.css b/components/common/FilterLink.module.css
index 6736db6c..894d6e00 100644
--- a/components/common/FilterLink.module.css
+++ b/components/common/FilterLink.module.css
@@ -4,11 +4,15 @@
gap: 10px;
}
-.row .inactive {
+.row.inactive {
color: var(--base500);
}
-.row .active {
+.row.inactive img {
+ opacity: 0.35;
+}
+
+.row.active {
color: var(--base900);
font-weight: 600;
}