diff --git a/apps/core/package.json b/apps/core/package.json
index 76bce11970..aa47e61f4a 100644
--- a/apps/core/package.json
+++ b/apps/core/package.json
@@ -39,7 +39,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/material": "^5.14.5",
     "@react-hookz/web": "^23.1.0",
-    "@toeverything/components": "^0.0.11",
+    "@toeverything/components": "^0.0.12",
     "async-call-rpc": "^6.3.1",
     "cmdk": "^0.2.0",
     "css-spring": "^4.1.0",
diff --git a/apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx b/apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx
index 8c82b91948..18cf04e27b 100644
--- a/apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx
+++ b/apps/core/src/components/blocksuite/block-suite-header-title/operation-menu.tsx
@@ -144,7 +144,7 @@ export const PageMenu = ({ rename, pageId }: PageMenuProps) => {
       >
         {t['com.affine.header.option.add-tag']()}
       </MenuItem> */}
-      <Divider />
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem
         icon={<DuplicateIcon />}
         data-testid="editor-option-menu-duplicate"
@@ -162,7 +162,7 @@ export const PageMenu = ({ rename, pageId }: PageMenuProps) => {
         {t['Import']()}
       </MenuItem>
       <Export />
-      <Divider />
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MoveToTrash
         data-testid="editor-option-menu-delete"
         onItemClick={() => {
diff --git a/apps/core/src/components/pure/workspace-list-modal/index.tsx b/apps/core/src/components/pure/workspace-list-modal/index.tsx
index e42f261d77..00a63b5667 100644
--- a/apps/core/src/components/pure/workspace-list-modal/index.tsx
+++ b/apps/core/src/components/pure/workspace-list-modal/index.tsx
@@ -61,14 +61,14 @@ const AccountMenu = () => {
   return (
     <div>
       <div>Unlimted</div>
-      <Divider></Divider>
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.join']()}
       </MenuItem>
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.account.settings']()}
       </MenuItem>
-      <Divider></Divider>
+      <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       <MenuItem icon={<ImportIcon />} data-testid="editor-option-menu-import">
         {t['com.affine.workspace.cloud.account.logout']()}
       </MenuItem>
@@ -140,7 +140,7 @@ const CloudWorkSpaceList = ({
             [onMoveWorkspace]
           )}
         />
-        <Divider />
+        <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       </StyledModalContent>
     </>
   );
@@ -211,7 +211,7 @@ export const WorkspaceListModal = ({
             </StyledCreateWorkspaceCardPillContent>
           </MenuItem>
         </StyledSignInCardPill>
-        <Divider />
+        <Divider size="thinner" dividerColor="var(--affine-border-color)" />
       </StyledModalHeaderContent>
       <StyledModalBody>
         {isLoggedIn ? (
diff --git a/plugins/copilot/package.json b/plugins/copilot/package.json
index 81522e2cf0..6a0ea345d1 100644
--- a/plugins/copilot/package.json
+++ b/plugins/copilot/package.json
@@ -16,7 +16,7 @@
   "dependencies": {
     "@affine/component": "workspace:*",
     "@affine/sdk": "workspace:*",
-    "@toeverything/components": "^0.0.11",
+    "@toeverything/components": "^0.0.12",
     "idb": "^7.1.1",
     "langchain": "^0.0.129",
     "marked": "^7.0.3",
diff --git a/plugins/hello-world/package.json b/plugins/hello-world/package.json
index 831f98541f..5edd691219 100644
--- a/plugins/hello-world/package.json
+++ b/plugins/hello-world/package.json
@@ -18,7 +18,7 @@
     "@affine/component": "workspace:*",
     "@affine/sdk": "workspace:*",
     "@blocksuite/icons": "^2.1.31",
-    "@toeverything/components": "^0.0.11"
+    "@toeverything/components": "^0.0.12"
   },
   "devDependencies": {
     "@affine/plugin-cli": "workspace:*"
diff --git a/plugins/image-preview/package.json b/plugins/image-preview/package.json
index bda173776b..3c236d3366 100644
--- a/plugins/image-preview/package.json
+++ b/plugins/image-preview/package.json
@@ -17,7 +17,7 @@
     "@affine/component": "workspace:*",
     "@affine/sdk": "workspace:*",
     "@blocksuite/icons": "^2.1.31",
-    "@toeverything/components": "^0.0.11",
+    "@toeverything/components": "^0.0.12",
     "@toeverything/theme": "^0.7.12",
     "clsx": "^2.0.0",
     "foxact": "^0.2.20",
diff --git a/plugins/outline/package.json b/plugins/outline/package.json
index 57f97f572b..97a5ef1e47 100644
--- a/plugins/outline/package.json
+++ b/plugins/outline/package.json
@@ -18,7 +18,7 @@
     "@affine/component": "workspace:*",
     "@affine/sdk": "workspace:*",
     "@blocksuite/icons": "^2.1.31",
-    "@toeverything/components": "^0.0.11"
+    "@toeverything/components": "^0.0.12"
   },
   "devDependencies": {
     "@affine/plugin-cli": "workspace:*",
diff --git a/yarn.lock b/yarn.lock
index 526580d8cb..a0a9b4ab0d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -196,7 +196,7 @@ __metadata:
     "@affine/component": "workspace:*"
     "@affine/plugin-cli": "workspace:*"
     "@affine/sdk": "workspace:*"
-    "@toeverything/components": ^0.0.11
+    "@toeverything/components": ^0.0.12
     "@types/marked": ^5.0.1
     idb: ^7.1.1
     jotai: ^2.3.1
@@ -246,7 +246,7 @@ __metadata:
     "@sentry/webpack-plugin": ^2.6.2
     "@svgr/webpack": ^8.1.0
     "@swc/core": ^1.3.77
-    "@toeverything/components": ^0.0.11
+    "@toeverything/components": ^0.0.12
     "@types/lodash.debounce": ^4.0.7
     "@types/webpack-env": ^1.18.1
     async-call-rpc: ^6.3.1
@@ -417,7 +417,7 @@ __metadata:
     "@affine/plugin-cli": "workspace:*"
     "@affine/sdk": "workspace:*"
     "@blocksuite/icons": ^2.1.31
-    "@toeverything/components": ^0.0.11
+    "@toeverything/components": ^0.0.12
   languageName: unknown
   linkType: soft
 
@@ -443,7 +443,7 @@ __metadata:
     "@affine/plugin-cli": "workspace:*"
     "@affine/sdk": "workspace:*"
     "@blocksuite/icons": ^2.1.31
-    "@toeverything/components": ^0.0.11
+    "@toeverything/components": ^0.0.12
     "@toeverything/theme": ^0.7.12
     clsx: ^2.0.0
     foxact: ^0.2.20
@@ -562,7 +562,7 @@ __metadata:
     "@affine/plugin-cli": "workspace:*"
     "@affine/sdk": "workspace:*"
     "@blocksuite/icons": ^2.1.31
-    "@toeverything/components": ^0.0.11
+    "@toeverything/components": ^0.0.12
     jotai: ^2.3.1
     react: 18.2.0
     react-dom: 18.2.0
@@ -11680,9 +11680,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@toeverything/components@npm:^0.0.11":
-  version: 0.0.11
-  resolution: "@toeverything/components@npm:0.0.11"
+"@toeverything/components@npm:^0.0.12":
+  version: 0.0.12
+  resolution: "@toeverything/components@npm:0.0.12"
   dependencies:
     "@blocksuite/icons": ^2.1.30
   peerDependencies:
@@ -11690,7 +11690,7 @@ __metadata:
     clsx: ^2
     react: ^18
     react-dom: ^18
-  checksum: 6c610c780ac68f59e1251dd8a6aa196bde28a485cd18de2c0b7c0c2ab6330c1863e22846d83c5b39cba073bb045cddd207f6c0a079e7d155cd0d12eda21504c9
+  checksum: a674444f5931f0267cba26792182e83411d938ec7c1929be20125de4451157584a4a08848e66bd2e69549517f685d250616ef6592446cbdc50be8618d7e966af
   languageName: node
   linkType: hard