diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.css.ts
index 35f72e1027..6fab1fb150 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.css.ts
@@ -64,6 +64,10 @@ export const badgeIcon = style({
   color: cssVarV2.icon.primary,
 });
 
+export const aiIcon = style({
+  color: cssVarV2.icon.activated,
+});
+
 export const badgeText = style({
   fontSize: 15,
   lineHeight: '24px',
diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.tsx
index f783670033..c302f1d020 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/starter-bar.tsx
@@ -119,7 +119,7 @@ const StarterBarNotEmpty = ({ doc }: { doc: Store }) => {
         {enableAI ? (
           <Badge
             data-testid="start-with-ai-badge"
-            icon={<AiIcon />}
+            icon={<AiIcon className={styles.aiIcon} />}
             text={t['com.affine.page-starter-bar.ai']()}
             onClick={startWithAI}
           />