diff --git a/apps/web/src/components/pure/workspace-slider-bar/style.ts b/apps/web/src/components/pure/workspace-slider-bar/style.ts
index 4c3de9d70a..64ef0be0df 100644
--- a/apps/web/src/components/pure/workspace-slider-bar/style.ts
+++ b/apps/web/src/components/pure/workspace-slider-bar/style.ts
@@ -39,13 +39,14 @@ export const StyledLink = styled(Link)(() => {
 });
 export const StyledNewPageButton = styled('button')(() => {
   return {
+    width: '100%',
     height: '52px',
     ...displayFlex('flex-start', 'center'),
-    padding: '0 8px 0 16px',
+    padding: '0 16px',
     svg: {
       fontSize: '20px',
       color: 'var(--affine-icon-color)',
-      marginRight: '8px',
+      marginRight: '12px',
     },
     ':hover': {
       color: 'var(--affine-primary-color)',