diff --git a/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.css.ts b/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.css.ts
index 2cffac333..97eb6f61a 100644
--- a/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.css.ts
+++ b/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.css.ts
@@ -1,5 +1,5 @@
 import { cssVarV2 } from '@toeverything/theme/v2';
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 
 export const docIconPickerTrigger = style({
   width: 64,
@@ -35,3 +35,11 @@ export const placeholderContentText = style({
   color: cssVarV2.text.secondary,
   fontSize: 12,
 });
+
+globalStyle('.doc-icon-container[data-has-icon="false"]', {
+  '@media': {
+    print: {
+      display: 'none',
+    },
+  },
+});
diff --git a/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.tsx b/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.tsx
index af0093a7d..c89cf666f 100644
--- a/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.tsx
+++ b/packages/frontend/core/src/blocksuite/block-suite-editor/doc-icon-picker.tsx
@@ -6,10 +6,17 @@ import { useLiveData, useService } from '@toeverything/infra';
 
 import * as styles from './doc-icon-picker.css';
 
-const TitleContainer = ({ children }: { children: React.ReactNode }) => {
+const TitleContainer = ({
+  children,
+  hasIcon,
+}: {
+  children: React.ReactNode;
+  hasIcon: boolean;
+}) => {
   return (
     <div
       className="doc-icon-container"
+      data-has-icon={hasIcon ? 'true' : 'false'}
       style={{
         paddingBottom: 8,
       }}
@@ -45,7 +52,7 @@ export const DocIconPicker = ({
   }
 
   return (
-    <TitleContainer>
+    <TitleContainer hasIcon={!isPlaceholder}>
       <IconEditor
         icon={icon?.icon}
         onIconChange={data => {