diff --git a/blocksuite/affine/components/src/toggle-switch/index.ts b/blocksuite/affine/components/src/toggle-switch/index.ts
index 2597cf5f32..183493bf5a 100644
--- a/blocksuite/affine/components/src/toggle-switch/index.ts
+++ b/blocksuite/affine/components/src/toggle-switch/index.ts
@@ -64,7 +64,7 @@ export class ToggleSwitch extends LitElement {
 
   override render() {
     return html`
-      <label class=${this.on ? 'on' : ''}>
+      <label class=${this.on ? 'subscribe' : ''}>
         <input
           type="checkbox"
           class="switch"