diff --git a/packages/frontend/core/src/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/packages/frontend/core/src/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
index 40dae9f1a..fd9bbe484 100644
--- a/packages/frontend/core/src/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
+++ b/packages/frontend/core/src/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
@@ -39,7 +39,7 @@ export const showButton = style({
   height: '28px',
   borderRadius: '8px',
   border: '1px solid ' + cssVar('--affine-border-color'),
-  backgroundColor: cssVar('--affine-white'),
+  backgroundColor: cssVarV2('button/secondary'),
   textAlign: 'center',
   fontSize: '12px',
   lineHeight: '28px',