diff --git a/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.css.ts b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.css.ts
new file mode 100644
index 0000000000..fd73a3bdd1
--- /dev/null
+++ b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.css.ts
@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css';
+
+export const richTextInput = style({
+  width: '100%',
+  height: '100%',
+});
diff --git a/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx
index 665c00ee2a..3dbaf5340b 100644
--- a/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx
+++ b/packages/frontend/core/src/modules/doc-info/views/database-properties/cells/rich-text.tsx
@@ -13,6 +13,7 @@ import type * as Y from 'yjs';
 
 import type { DatabaseCellRendererProps } from '../../../types';
 import { useBlockStdScope } from '../../../utils';
+import * as styles from './rich-text.css';
 
 // todo(@pengx17): handle markdown/keyboard shortcuts
 const renderRichText = ({
@@ -67,7 +68,7 @@ const RichTextInput = ({
     }
     return () => {};
   }, [dataSource.doc, onChange, std, text]);
-  return <div ref={ref} style={style} />;
+  return <div className={styles.richTextInput} ref={ref} style={style} />;
 };
 
 const DesktopRichTextCell = ({