formatting alpha badge

Author: Noah Raynor

fern/assets/styles.css

@@ -40,9 +40,10 @@
 
 /* Alpha badge - purple to match dashboard */
 .vapi-badge-alpha {
-  background-color: rgba(168, 85, 247, 0.2);
-  color: #A78BFA;
-  border: 1px solid rgba(168, 85, 247, 0.4);
+  background-color: rgba(168, 85, 247, 0.2) !important;
+  color: #A78BFA !important;
+  border: 1px solid rgba(168, 85, 247, 0.4) !important;
+  border-color: rgba(168, 85, 247, 0.4) !important;
 }
 
 /* Dark mode adjustments */
@@ -65,22 +66,33 @@
 }
 
 :is(.dark) .vapi-badge-alpha {
-  background-color: rgba(168, 85, 247, 0.2);
-  color: #C4B5FD;
-  border: 1px solid rgba(168, 85, 247, 0.4);
+  background-color: rgba(168, 85, 247, 0.2) !important;
+  color: #C4B5FD !important;
+  border: 1px solid rgba(168, 85, 247, 0.4) !important;
+  border-color: rgba(168, 85, 247, 0.4) !important;
 }
 
 /* Override Fern's pre-release availability badge to show "Alpha" with purple styling */
 .fern-docs-badge[title="Pre-release"] {
   background-color: rgba(168, 85, 247, 0.2) !important;
-  color: #A78BFA !important;
   border-color: rgba(168, 85, 247, 0.4) !important;
   font-size: 0 !important;
+  position: relative !important;
+  min-width: 52px !important;
+  min-height: 24px !important;
+  display: inline-flex !important;
 }
 
 .fern-docs-badge[title="Pre-release"]::after {
   content: "Alpha";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: #A78BFA;
   font-size: 0.75rem;
+  line-height: 1;
+  white-space: nowrap;
 }
 
 :is(.dark) .fern-docs-badge[title="Pre-release"] {

fern/observability/simulations-advanced.mdx

@@ -1,5 +1,5 @@
 ---
-title: Advanced simulation testing
+title: Simulations advanced
 subtitle: Master testing strategies and best practices for AI voice agent simulations
 slug: observability/simulations-advanced
 availability: pre-release