diff --git a/apps/web/src/components/blocksuite/workspace-header/styles.css.ts b/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
index ce11d4019d..1e93666517 100644
--- a/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
+++ b/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
@@ -16,6 +16,11 @@ export const headerContainer = style({
       WebkitAppRegion: 'drag',
     },
   },
+  '@media': {
+    print: {
+      display: 'none',
+    },
+  },
 } as ComplexStyleRule);
 
 export const header = style({
diff --git a/packages/component/src/components/app-sidebar/index.css.ts b/packages/component/src/components/app-sidebar/index.css.ts
index 229edb0dd9..f99576940f 100644
--- a/packages/component/src/components/app-sidebar/index.css.ts
+++ b/packages/component/src/components/app-sidebar/index.css.ts
@@ -27,6 +27,10 @@ export const navWrapperStyle = style({
         },
       },
     },
+    print: {
+      display: 'none',
+      zIndex: -1,
+    },
   },
   selectors: {
     '&[data-open="false"]': {
@@ -98,5 +102,8 @@ export const sidebarFloatMaskStyle = style({
         },
       },
     },
+    print: {
+      display: 'none',
+    },
   },
 });
diff --git a/packages/component/src/components/workspace/index.css.ts b/packages/component/src/components/workspace/index.css.ts
index 42d8d67783..7456cbdb99 100644
--- a/packages/component/src/components/workspace/index.css.ts
+++ b/packages/component/src/components/workspace/index.css.ts
@@ -75,5 +75,8 @@ export const toolStyle = style({
       right: '5px',
       bottom: '5px',
     },
+    print: {
+      display: 'none',
+    },
   },
 });