diff --git a/fern/assets/styles.css b/fern/assets/styles.css
index 9eeb689b3..922a2b4a0 100644
--- a/fern/assets/styles.css
+++ b/fern/assets/styles.css
@@ -265,12 +265,12 @@ h1, h2, h3 {
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/product-switcher-cliapi-dark.png") !important;
 }
 
-:is(.dark) .fern-product-selector-radio-group a[href*="openapi-definition"] img {
+:is(.dark) .fern-product-selector-radio-group a[href*="openapi"] img {
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/openapi-definition-dark.png") !important;
 }
 
 
-:is(.dark) .fern-product-selector-radio-group a[href*="fern-definition"] img {
+:is(.dark) .fern-product-selector-radio-group a[href*="ferndef"] img {
   content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/fern-definition-dark.png") !important;
 }
 
@@ -1120,13 +1120,12 @@ h1, h2, h3 {
 
 .highlight-frame {
   /* background-color: var(--accent-a2); */
-  background-color:hsla(222,58%,66%,1);
   background:
-    radial-gradient(circle at 20% 50%, hsla(109,80%,78%,0.8) 0%, transparent 50%),
-    radial-gradient(circle at 80% 50%, hsla(222,83%,81%,0.8) 0%, transparent 50%),
-    radial-gradient(circle at 50% 20%, hsla(108,91%,90%,0.7) 0%, transparent 50%),
-    radial-gradient(circle at 50% 80%, hsla(222,75%,72%,0.7) 0%, transparent 50%),
-    hsla(222,58%,66%,1);
+    radial-gradient(circle at 20% 50%, hsla(109,80%,78%,0.5) 0%, transparent 50%),
+    radial-gradient(circle at 80% 50%, hsla(222,83%,81%,0.5) 0%, transparent 50%),
+    radial-gradient(circle at 50% 20%, hsla(108,91%,90%,0.5) 0%, transparent 50%),
+    radial-gradient(circle at 50% 80%, hsla(222,75%,72%,0.5) 0%, transparent 50%),
+    hsla(222,58%,66%,0.5);
   background-size: 100% 100%;
   border-radius: 1rem;
   padding: 0.5rem;