diff --git a/src/components/EditorNew/Editor.tsx b/src/components/EditorNew/Editor.tsx
index 9fcd5325..a5bd75ba 100644
--- a/src/components/EditorNew/Editor.tsx
+++ b/src/components/EditorNew/Editor.tsx
@@ -62,6 +62,7 @@ export const Editor = (props: Props) => {
       dispatchTransaction
     })
 
+    editorViewRef.current.dom.classList.add('createArticle')
     editorViewRef.current.focus()
   })
 
diff --git a/src/components/EditorNew/prosemirror/styles/ProseMirror.scss b/src/components/EditorNew/prosemirror/styles/ProseMirror.scss
index 6bf8758b..1212ebb3 100644
--- a/src/components/EditorNew/prosemirror/styles/ProseMirror.scss
+++ b/src/components/EditorNew/prosemirror/styles/ProseMirror.scss
@@ -1,4 +1,4 @@
-.ProseMirror {
+.ProseMirror.createArticle {
   color: var(--foreground);
   background-color: var(--background);
   position: relative;
@@ -7,6 +7,35 @@
   font-variant-ligatures: none;
   outline: none;
 
+  //font styles
+
+  h1 {
+    margin: 0 0 16px 0;
+    font-weight: 700;
+    font-size: 44px;
+    line-height: 50px;
+  }
+
+  h2 {
+    margin: 0 0 16px 0;
+    font-weight: 400;
+    font-size: 44px;
+    line-height: 50px;
+  }
+
+  h3 {
+    margin: 0 0 16px 0;
+    font-weight: 400;
+    font-size: 34px;
+    line-height: 40px;
+  }
+
+  p {
+    margin: 0 0 16px 0;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 28px;
+  }
   .dark & {
     color: var(--background);
     background-color: var(--foreground);