diff --git a/packages/dev/s2-docs/src/Header.tsx b/packages/dev/s2-docs/src/Header.tsx
index 51004db22e4..6353c74f703 100644
--- a/packages/dev/s2-docs/src/Header.tsx
+++ b/packages/dev/s2-docs/src/Header.tsx
@@ -111,7 +111,7 @@ export default function Header(props: PageProps) {
             isSearchOpen={searchOpen}
             overlayId={searchMenuId} />
           <div className={style({display: 'flex', alignItems: 'center', gap: 4, justifySelf: 'end'})}>
-            <Badge variant="informative" size="M" styles={style({marginEnd: 8})}>
+            <Badge variant="indigo" size="M" styles={style({marginEnd: 8})}>
               <BetaApp />
               <Text>Beta Preview</Text>
             </Badge>