diff --git a/blocksuite/affine/components/src/toggle-switch/index.ts b/blocksuite/affine/components/src/toggle-switch/index.ts
index 183493bf5a..0e60bf5df1 100644
--- a/blocksuite/affine/components/src/toggle-switch/index.ts
+++ b/blocksuite/affine/components/src/toggle-switch/index.ts
@@ -38,11 +38,11 @@ const styles = css`
     transition: 0.1s;
   }
 
-  label.subscribe {
+  label.on {
     background: var(--affine-primary-color);
   }
 
-  label.subscribe:after {
+  label.on:after {
     left: calc(100% - 1px);
     transform: translateX(-100%);
   }
@@ -64,7 +64,7 @@ export class ToggleSwitch extends LitElement {
 
   override render() {
     return html`
-      <label class=${this.on ? 'subscribe' : ''}>
+      <label class=${this.on ? 'on' : ''}>
         <input
           type="checkbox"
           class="switch"