diff --git a/web/core/components/pages/editor/editor-body.tsx b/web/core/components/pages/editor/editor-body.tsx
index adbfd63680..4c65f3511c 100644
--- a/web/core/components/pages/editor/editor-body.tsx
+++ b/web/core/components/pages/editor/editor-body.tsx
@@ -166,14 +166,12 @@ export const PageEditorBody: React.FC<Props> = observer((props) => {
         })}
       >
         <div className="size-full flex flex-col gap-y-7 overflow-y-auto overflow-x-hidden">
-          <div className="relative w-full flex-shrink-0 md:pl-5 px-4 h-[38px]">
-            <PageEditorTitle
-              editorRef={editorRef}
-              title={pageTitle}
-              updateTitle={updateTitle}
-              readOnly={!isContentEditable}
-            />
-          </div>
+          <PageEditorTitle
+            editorRef={editorRef}
+            title={pageTitle}
+            updateTitle={updateTitle}
+            readOnly={!isContentEditable}
+          />
           <CollaborativeDocumentEditorWithRef
             editable={isContentEditable}
             id={pageId}
diff --git a/web/core/components/pages/editor/title.tsx b/web/core/components/pages/editor/title.tsx
index 82f1696609..01846b4880 100644
--- a/web/core/components/pages/editor/title.tsx
+++ b/web/core/components/pages/editor/title.tsx
@@ -31,9 +31,9 @@ export const PageEditorTitle: React.FC<Props> = observer((props) => {
   });
 
   return (
-    <>
+    <div className="relative w-full flex-shrink-0 md:pl-5 px-4">
       {readOnly ? (
-        <h6 className={cn(titleClassName, "break-words")}>{title}</h6>
+        <h6 className={cn(titleClassName, "break-words pb-1.5")}>{title}</h6>
       ) : (
         <>
           <TextArea
@@ -71,6 +71,6 @@ export const PageEditorTitle: React.FC<Props> = observer((props) => {
           </div>
         </>
       )}
-    </>
+    </div>
   );
 });