diff --git a/src/components/CustomTopics.astro b/src/components/CustomTopics.astro
index 0debf9fa..6dc8c9f6 100644
--- a/src/components/CustomTopics.astro
+++ b/src/components/CustomTopics.astro
@@ -109,11 +109,6 @@ const getCustomIcon = (iconName: string | undefined) => {
     display: block;
   }
 
-  a:is(.starlight-sidebar-topics-current, :hover, :focus-visible) .starlight-sidebar-topics-icon {
-    background-color: var(--sl-color-text-accent);
-    border-color: var(--sl-color-text-accent);
-    color: var(--sl-color-text-invert);
-  }
 
   .starlight-sidebar-topics-badge {
     margin-inline-start: 0.25em;
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 1490ca3a..6b7993fa 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -11,6 +11,7 @@
   --sl-color-accent: var(--color-wiremock-primary);
   --sl-color-accent-high: var(--color-wiremock-primary-hover);
   --sl-color-accent-low: rgba(15, 178, 239, 0.2);
+  --sl-color-text-invert: --sl-color-gray-2;
 
   --sl-content-width: 55rem;