diff --git a/projects/common/element-components/text.component.ts b/projects/common/element-components/text.component.ts
index ff86ed0ec327d01adb3c18921ad237b70c6317a0..2fedccef8f01cda6ec844a8fbbec817eb20f1d6e 100644
--- a/projects/common/element-components/text.component.ts
+++ b/projects/common/element-components/text.component.ts
@@ -44,7 +44,11 @@ import { TextElement } from '../models/text-element';
     '.marking-bar {position: sticky; top: 0; margin-bottom: 15px}',
     '.marking-button {color: #333}',
     '::ng-deep .text-container p strong {letter-spacing: 0.04em; font-weight: 600}', // bold less bold
-    '::ng-deep .text-container p:empty::after {content: "\\00A0"}' // render empty p
+    '::ng-deep .text-container p:empty::after {content: "\\00A0"}', // render empty p
+    '::ng-deep .text-container h1 {font-weight: bold; font-size: 20px;}',
+    '::ng-deep .text-container h2 {font-weight: bold; font-size: 18px;}',
+    '::ng-deep .text-container h3 {font-weight: bold; font-size: 16px;}',
+    '::ng-deep .text-container h4 {font-weight: normal; font-size: 16px;}'
   ]
 })
 export class TextComponent extends ElementComponent {
diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.css b/projects/editor/src/app/text-editor/rich-text-editor.component.css
index ee5ad876c321191659a18f074122dc0b7f68893f..b3961161caf3380d3538fdb6fda162a99e646124 100644
--- a/projects/editor/src/app/text-editor/rich-text-editor.component.css
+++ b/projects/editor/src/app/text-editor/rich-text-editor.component.css
@@ -32,3 +32,20 @@ app-rich-text-editor .editor-control-line {
   letter-spacing: 0.04em !important;
   font-weight: 600 !important;
 }
+
+.ProseMirror h1 {
+  font-weight: bold;
+  font-size: 20px;
+}
+.ProseMirror h2 {
+  font-weight: bold;
+  font-size: 18px;
+}
+.ProseMirror h3 {
+  font-weight: bold;
+  font-size: 16px;
+}
+.ProseMirror h4 {
+  font-weight: normal;
+  font-size: 16px;
+}
diff --git a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css
index aa60c13d21586b0c716a5f7afd7d00ac3a8336b6..90f05392610d6fe77d0904bb47d371fdbbb178a5 100644
--- a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css
+++ b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.css
@@ -46,3 +46,20 @@ mat-divider {
 ::ng-deep .text-text p:empty::after {
   content: "\00A0";
 }
+
+::ng-deep .text-text h1 {
+  font-weight: bold;
+  font-size: 20px;
+}
+:ng-deep .text-text h2 {
+  font-weight: bold;
+  font-size: 18px;
+}
+::ng-deep .text-text h3 {
+  font-weight: bold;
+  font-size: 16px;
+}
+::ng-deep .text-text h4 {
+  font-weight: normal;
+  font-size: 16px;
+}
diff --git a/projects/editor/src/styles.css b/projects/editor/src/styles.css
index 8651f61312bc1b1a50d34c7b92210c8dbd0f7d19..1bf2484836d7c9fdc508e1ca6d7d0dcb1e4ae486 100644
--- a/projects/editor/src/styles.css
+++ b/projects/editor/src/styles.css
@@ -14,20 +14,3 @@ body {
 
 .drop-list {cursor: grab}
 .drop-list.cdk-drop-list-dragging {cursor: grabbing}
-
-h1 {
-  font-weight: bold;
-  font-size: 20px;
-}
-h2 {
-  font-weight: bold;
-  font-size: 18px;
-}
-h3 {
-  font-weight: bold;
-  font-size: 16px;
-}
-h4 {
-  font-weight: normal;
-  font-size: 16px;
-}
diff --git a/projects/player/src/styles.css b/projects/player/src/styles.css
index 0a315f3fe00433147166b5f5046439ce9ce9bb5c..2bc7576b2030ec43bbbe9cae1d6d3c9fb45dc58b 100644
--- a/projects/player/src/styles.css
+++ b/projects/player/src/styles.css
@@ -3,20 +3,3 @@ body {
   margin: 0;
   font-family: 'Roboto', sans-serif
 }
-
-h1 {
-  font-weight: bold;
-  font-size: 20px;
-}
-h2 {
-  font-weight: bold;
-  font-size: 18px;
-}
-h3 {
-  font-weight: bold;
-  font-size: 16px;
-}
-h4 {
-  font-weight: normal;
-  font-size: 16px;
-}