diff --git a/packages/app/src/components/editor.tsx b/packages/app/src/components/editor.tsx
index 4dcf1792e2..1735a62a57 100644
--- a/packages/app/src/components/editor.tsx
+++ b/packages/app/src/components/editor.tsx
@@ -27,7 +27,7 @@ const BlockSuiteEditor = forwardRef<EditorContainer>(({}, ref) => {
       editor.remove();
     };
   }, [ref]);
-  return <div ref={containerElement} />;
+  return <div id="editor" style={{ height: '100%' }} ref={containerElement} />;
 });
 
 export const Editor = () => {
@@ -67,6 +67,7 @@ declare global {
 
   namespace JSX {
     interface IntrinsicElements {
+      // TODO fix types on react
       'editor-container': EditorContainer;
     }
   }