diff --git a/apps/web/src/components/workspace-modal/Footer.tsx b/apps/web/src/components/workspace-modal/Footer.tsx
index 0ca43e83ad..fbc49ac3f8 100644
--- a/apps/web/src/components/workspace-modal/Footer.tsx
+++ b/apps/web/src/components/workspace-modal/Footer.tsx
@@ -51,7 +51,7 @@ export const Footer = ({
           bold
           icon={
             <div className="circle">
-              <CloudWorkspaceIcon fontSize={16} />
+              <CloudWorkspaceIcon />
             </div>
           }
           onClick={async () => {
diff --git a/apps/web/src/components/workspace-modal/styles.ts b/apps/web/src/components/workspace-modal/styles.ts
index c28bff041f..e9620b4cc5 100644
--- a/apps/web/src/components/workspace-modal/styles.ts
+++ b/apps/web/src/components/workspace-modal/styles.ts
@@ -166,6 +166,8 @@ export const StyledSignInButton = styled(Button)(({ theme }) => {
       backgroundColor: theme.colors.innerHoverBackground,
       flexShrink: 0,
       marginRight: '16px',
+      fontSize: '24px',
+      color: theme.colors.primaryColor,
       ...displayInlineFlex('center', 'center'),
     },
   };
diff --git a/apps/web/src/components/workspace-setting/general/delete/style.ts b/apps/web/src/components/workspace-setting/general/delete/style.ts
index 2426fbbee0..6f1c61cc1a 100644
--- a/apps/web/src/components/workspace-setting/general/delete/style.ts
+++ b/apps/web/src/components/workspace-setting/general/delete/style.ts
@@ -7,7 +7,7 @@ export const StyledModalWrapper = styled('div')(({ theme }) => {
     width: '560px',
     background: theme.colors.popoverBackground,
     borderRadius: '12px',
-    height: '312px',
+    // height: '312px',
   };
 });
 
@@ -42,17 +42,14 @@ export const StyledInputContent = styled('div')(({ theme }) => {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
-    margin: '42px 0',
+    margin: '24px 0',
     fontSize: theme.font.base,
   };
 });
 
 export const StyledButtonContent = styled('div')(() => {
   return {
-    position: 'absolute',
-    left: '50%',
-    transform: 'translateX(-50%)',
-    bottom: '42px',
+    marginBottom: '42px',
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
diff --git a/packages/component/package.json b/packages/component/package.json
index 051ecaa9cc..c6571f3b4e 100644
--- a/packages/component/package.json
+++ b/packages/component/package.json
@@ -13,7 +13,7 @@
     "@blocksuite/blocks": "0.4.1-20230220214107-0a354de",
     "@blocksuite/editor": "0.4.1-20230220214107-0a354de",
     "@blocksuite/global": "0.4.1-20230220214107-0a354de",
-    "@blocksuite/icons": "2.0.12",
+    "@blocksuite/icons": "2.0.17",
     "@blocksuite/react": "0.4.1-20230220214107-0a354de",
     "@blocksuite/store": "0.4.1-20230220214107-0a354de",
     "@emotion/react": "^11.10.6",
diff --git a/packages/component/src/ui/menu/styles.ts b/packages/component/src/ui/menu/styles.ts
index 1743932778..e885225733 100644
--- a/packages/component/src/ui/menu/styles.ts
+++ b/packages/component/src/ui/menu/styles.ts
@@ -1,4 +1,4 @@
-import { ArrowRightIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons';
 
 import { displayFlex, styled } from '../../styles';
 import StyledPopperContainer from '../shared/Container';
@@ -14,7 +14,7 @@ export const StyledMenuWrapper = styled(StyledPopperContainer)(({ theme }) => {
   };
 });
 
-export const StyledArrow = styled(ArrowRightIcon)({
+export const StyledArrow = styled(ArrowRightSmallIcon)({
   position: 'absolute',
   right: 0,
   top: 0,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ca04a0902f..fd8d0daa9a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -237,7 +237,7 @@ importers:
       '@blocksuite/blocks': 0.4.1-20230220214107-0a354de
       '@blocksuite/editor': 0.4.1-20230220214107-0a354de
       '@blocksuite/global': 0.4.1-20230220214107-0a354de
-      '@blocksuite/icons': 2.0.12
+      '@blocksuite/icons': 2.0.17
       '@blocksuite/react': 0.4.1-20230220214107-0a354de
       '@blocksuite/store': 0.4.1-20230220214107-0a354de
       '@emotion/react': ^11.10.6
@@ -271,7 +271,7 @@ importers:
       '@blocksuite/blocks': 0.4.1-20230220214107-0a354de_txcevohh7lsyxi5mbohonudlma
       '@blocksuite/editor': 0.4.1-20230220214107-0a354de_bsvfvsbxn3zjndsi6ntxj3sapa
       '@blocksuite/global': 0.4.1-20230220214107-0a354de_lit@2.6.1
-      '@blocksuite/icons': 2.0.12_pmekkgnqduwlme35zpnqhenc34
+      '@blocksuite/icons': 2.0.17_pmekkgnqduwlme35zpnqhenc34
       '@blocksuite/react': 0.4.1-20230220214107-0a354de_6bikze5nmk67qwgrvmg7puxlji
       '@blocksuite/store': 0.4.1-20230220214107-0a354de_lit@2.6.1+yjs@13.5.47
       '@emotion/react': 11.10.6_pmekkgnqduwlme35zpnqhenc34
@@ -1743,16 +1743,6 @@ packages:
       zod: 3.20.6
     dev: false
 
-  /@blocksuite/icons/2.0.12_pmekkgnqduwlme35zpnqhenc34:
-    resolution: {integrity: sha512-mUmSXoFvHAGLPmykea5EHnVZf7QKBtj1bvCIfhRuQBopt2z3yVtEr7zD/4Cqus2oYNS3HrjwvCDiTqeE7fsjJQ==}
-    peerDependencies:
-      '@types/react': ^18.0.25
-      react: ^18.2.0
-    dependencies:
-      '@types/react': 18.0.28
-      react: 18.2.0
-    dev: false
-
   /@blocksuite/icons/2.0.17_pmekkgnqduwlme35zpnqhenc34:
     resolution: {integrity: sha512-nFhgnmfYvy/Pk+KBON5M+veZaz/IoQ+rAugzx2nPy+YPkgXvOxa5ml4rhzZYE2qgx7/FdsKQ5qkBWPjJoYRlbw==}
     peerDependencies: