diff --git a/packages/app/package.json b/packages/app/package.json
index b54c59661c..bb66467183 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@blocksuite/blocks": "0.3.0-alpha.5",
     "@blocksuite/editor": "0.3.0-alpha.5",
-    "@blocksuite/icons": "^1.0.3",
+    "@blocksuite/icons": "^1.0.5",
     "@blocksuite/store": "0.3.0-alpha.5",
     "@emotion/css": "^11.10.0",
     "@emotion/react": "^11.10.4",
diff --git a/packages/app/src/components/Header/header.tsx b/packages/app/src/components/header/header.tsx
similarity index 97%
rename from packages/app/src/components/Header/header.tsx
rename to packages/app/src/components/header/header.tsx
index c4675ed222..12eb65b40b 100644
--- a/packages/app/src/components/Header/header.tsx
+++ b/packages/app/src/components/header/header.tsx
@@ -12,7 +12,7 @@ import {
   PaperIcon,
   MiddleExportToHtmlIcon,
   MiddleExportToMarkdownIcon,
-  MoreVerticalIcon,
+  MoreVertical_24pxIcon,
 } from '@blocksuite/icons';
 import { useEditor } from '@/providers/editor-provider';
 import ThemeModeSwitch from '@/components/theme-mode-switch';
@@ -98,7 +98,7 @@ export const Header = ({ children }: PropsWithChildren<{}>) => {
           <ThemeModeSwitch />
           <Menu content={<PopoverContent />} placement="bottom-end">
             <IconButton>
-              <MoreVerticalIcon />
+              <MoreVertical_24pxIcon />
             </IconButton>
           </Menu>
         </StyledHeaderRightSide>
diff --git a/packages/app/src/components/Header/index.tsx b/packages/app/src/components/header/index.tsx
similarity index 100%
rename from packages/app/src/components/Header/index.tsx
rename to packages/app/src/components/header/index.tsx
diff --git a/packages/app/src/components/Header/page-header.tsx b/packages/app/src/components/header/page-header.tsx
similarity index 100%
rename from packages/app/src/components/Header/page-header.tsx
rename to packages/app/src/components/header/page-header.tsx
diff --git a/packages/app/src/components/Header/styles.ts b/packages/app/src/components/header/styles.ts
similarity index 100%
rename from packages/app/src/components/Header/styles.ts
rename to packages/app/src/components/header/styles.ts
diff --git a/packages/app/src/components/Header/utils.tsx b/packages/app/src/components/header/utils.tsx
similarity index 100%
rename from packages/app/src/components/Header/utils.tsx
rename to packages/app/src/components/header/utils.tsx
diff --git a/packages/app/src/pages/all-page.tsx b/packages/app/src/pages/all-page.tsx
index 447a271d18..bad169bbea 100644
--- a/packages/app/src/pages/all-page.tsx
+++ b/packages/app/src/pages/all-page.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import { Header } from '@/components/Header';
+import { Header } from '@/components/header';
 import { styled } from '@/styles';
 import { Table, TableCell, TableHead, TableRow, TableBody } from '../ui/table';
 import { useConfirm } from '@/providers/confirm-provider';
 import { IconButton } from '@/ui/button';
-import { MoreVerticalIcon } from '@blocksuite/icons';
+import { MoreVertical_24pxIcon } from '@blocksuite/icons';
 import { Menu, MenuItem } from '@/ui/menu';
 
 const StyledTableContainer = styled.div(() => {
@@ -69,7 +69,7 @@ export const AllPage = () => {
                       disablePortal={true}
                     >
                       <IconButton hoverBackground="#E0E6FF">
-                        <MoreVerticalIcon />
+                        <MoreVertical_24pxIcon />
                       </IconButton>
                     </Menu>
                   </TableCell>
diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx
index 33c87c954f..8baa7a89eb 100644
--- a/packages/app/src/pages/index.tsx
+++ b/packages/app/src/pages/index.tsx
@@ -1,6 +1,6 @@
 import type { NextPage } from 'next';
 import { styled } from '@/styles';
-import { PageHeader } from '@/components/Header';
+import { PageHeader } from '@/components/header';
 import { FAQ } from '@/components/faq';
 import EdgelessToolbar from '@/components/edgeless-toolbar';
 import MobileModal from '@/components/mobile-modal';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bcff2a5b7a..804e7981ef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,7 +24,7 @@ importers:
     specifiers:
       '@blocksuite/blocks': 0.3.0-alpha.5
       '@blocksuite/editor': 0.3.0-alpha.5
-      '@blocksuite/icons': ^1.0.3
+      '@blocksuite/icons': ^1.0.5
       '@blocksuite/store': 0.3.0-alpha.5
       '@emotion/css': ^11.10.0
       '@emotion/react': ^11.10.4
@@ -55,7 +55,7 @@ importers:
     dependencies:
       '@blocksuite/blocks': 0.3.0-alpha.5
       '@blocksuite/editor': 0.3.0-alpha.5
-      '@blocksuite/icons': 1.0.3_w5j4k42lgipnm43s3brx6h3c34
+      '@blocksuite/icons': 1.0.5_w5j4k42lgipnm43s3brx6h3c34
       '@blocksuite/store': 0.3.0-alpha.5
       '@emotion/css': 11.10.0
       '@emotion/react': 11.10.4_w5j4k42lgipnm43s3brx6h3c34
@@ -200,8 +200,8 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@blocksuite/icons/1.0.3_w5j4k42lgipnm43s3brx6h3c34:
-    resolution: {integrity: sha512-wcptCjIaL3M6bSVLLTVEfqlIGTrRR7qJBp9Oacr947TR9ACIACEd1E1FRu0yyDhcouw2BcY2A0Wi6LF0xpe6mw==}
+  /@blocksuite/icons/1.0.5_w5j4k42lgipnm43s3brx6h3c34:
+    resolution: {integrity: sha512-0iagAntIBvrGoaQ6eM6QQFYNkR1WRh6vLU+eOyV9o69eoXjRU8BgC3+U4ljY+1X30enfr3tf8X97iAxWuAVJcw==}
     peerDependencies:
       '@types/react': ^18.0.25
       react: ^18.2.0