diff --git a/components/ui/Badge.vue b/components/ui/Badge.vue
index 10848fc14..d0f9679ce 100644
--- a/components/ui/Badge.vue
+++ b/components/ui/Badge.vue
@@ -118,12 +118,12 @@ export default {
   &.type--creator,
   &.type--approved,
   &.blue {
-    color: var(--color-special-blue);
+    --badge-color: var(--color-special-blue);
   }
 
   &.type--unlisted,
   &.purple {
-    color: var(--color-special-purple);
+    --badge-color: var(--color-special-purple);
   }
 
   &.type--private,
diff --git a/components/ui/search/Categories.vue b/components/ui/search/Categories.vue
index 2cb24ca9a..2c7c12f14 100644
--- a/components/ui/search/Categories.vue
+++ b/components/ui/search/Categories.vue
@@ -46,9 +46,12 @@ export default {
     display: flex;
     align-items: center;
     flex-direction: row;
-    color: var(--color-icon);
     margin-right: var(--spacing-card-md);
 
+    &:not(.version-badge) {
+      color: var(--color-icon);
+    }
+
     svg {
       width: 1rem;
       margin-right: 0.2rem;