diff --git a/src/app/globals.css b/src/app/globals.css
index b00dba2..6e3ef1c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -129,3 +129,4 @@
 }
 
 .ce-header { font-size: 32px !important; font-weight: bolder; }
+.ce-block__content { margin: 0; }
diff --git a/src/components/view/DocView.tsx b/src/components/view/DocView.tsx
index 593d91b..1bb0ec5 100644
--- a/src/components/view/DocView.tsx
+++ b/src/components/view/DocView.tsx
@@ -79,10 +79,42 @@ export default function DocView({
           quote: { class: Quote, inlineToolbar: true },
           code: Code,
           table: Table,
-          header: Header,
           delimiter: Delimiter,
           warning: Warning,
           inlineCode: InlineCode,
+          h1: {
+            class: Header as unknown as EditorJS.ToolConstructable,
+            config: {
+              placeholder: "Header 1",
+              levels: [1],
+              defaultLevel: 1,
+            },
+            toolbox: {
+              title: "H1",
+            },
+          },
+          h2: {
+            class: Header as unknown as EditorJS.ToolConstructable,
+            config: {
+              placeholder: "Header 2",
+              levels: [2],
+              defaultLevel: 1,
+            },
+            toolbox: {
+              title: "H2",
+            },
+          },
+          h3: {
+            class: Header as unknown as EditorJS.ToolConstructable,
+            config: {
+              placeholder: "Header 3",
+              levels: [3],
+              defaultLevel: 3,
+            },
+            toolbox: {
+              title: "H3",
+            },
+          },
         },
         data: doc,
         async onChange() {
@@ -99,5 +131,5 @@ export default function DocView({
     };
   }, []);
 
-  return <div ref={holderRef} className="docs-view h-max w-max" />;
+  return <div ref={holderRef} className="docs-view h-max w-full" />;
 }
diff --git a/src/components/view/edit/DocDialog.tsx b/src/components/view/edit/DocDialog.tsx
index a8f3516..e4cb881 100644
--- a/src/components/view/edit/DocDialog.tsx
+++ b/src/components/view/edit/DocDialog.tsx
@@ -31,7 +31,12 @@ export default function DocDialog({
   return (
     <Dialog>
       <DialogTrigger asChild>{children}</DialogTrigger>
-      <DialogContent className="max-h-[80vh] md:max-w-3xl! lg:max-w-4xl!">
+      <DialogContent
+        className="max-h-[80vh] md:max-w-3xl! lg:max-w-4xl!"
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
+      >
         <DialogTitle>{task.title} - Notes</DialogTitle>
         <DialogDescription>{task.description}</DialogDescription>
         <DialogHeader>