diff --git a/blocksuite/affine/widgets/widget-toolbar/src/toolbar.ts b/blocksuite/affine/widgets/widget-toolbar/src/toolbar.ts
index d54c2f96c9..8c72fc00c5 100644
--- a/blocksuite/affine/widgets/widget-toolbar/src/toolbar.ts
+++ b/blocksuite/affine/widgets/widget-toolbar/src/toolbar.ts
@@ -92,9 +92,9 @@ export class AffineToolbarWidget extends WidgetComponent {
       .inner-button,
       editor-icon-button,
       editor-menu-button {
-        background: ${unsafeCSSVarV2('button/iconButtonSolid')};
         color: ${unsafeCSSVarV2('text/primary')};
         box-shadow: ${unsafeCSSVar('buttonShadow')};
+        background: ${unsafeCSSVar('white')};
         border-radius: 4px;
       }
       editor-menu-button > div {