diff --git a/src/app/globals.css b/src/app/globals.css
index 4f19570..7f722cb 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -127,3 +127,5 @@
   outline: none !important;
   box-shadow: none !important;
 }
+
+.ce-header { font-size: 32px !important; }
diff --git a/src/components/view/Doc.tsx b/src/components/view/Doc.tsx
index 90e3b8e..fe9af74 100644
--- a/src/components/view/Doc.tsx
+++ b/src/components/view/Doc.tsx
@@ -41,6 +41,7 @@ export default function DocView() {
         data: doc,
         async onChange() {
           const savedData = await editor.save();
+          console.log("Document data:", savedData);
           setDoc(savedData);
         },
       });
@@ -53,8 +54,8 @@ export default function DocView() {
   }, []);
 
   return (
-    <div className="h-full w-3xl mx-auto bg-accent/20 rounded-2xl px-4 py-2">
-      <div ref={holderRef} className="docs-view min-h-[400px]" />
+    <div className="h-full w-3xl mx-auto bg-accent/20 rounded-2xl p-4">
+      <div ref={holderRef} className="docs-view" />
     </div>
   );
 }