diff --git a/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts
index 450b6a5d6530dd9ea3567dc2ff2103fa83c6e4f6..d65ac062f753eef93f7f5cc318954ae56a8e59d7 100644
--- a/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/rich-text-edit-dialog.component.ts
@@ -4,12 +4,10 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'aspect-rich-text-edit-dialog',
   template: `
-    <mat-dialog-content>
-      <aspect-rich-text-editor [(content)]="data.content"
-                               [clozeMode]="data.clozeMode"
-                               [defaultFontSize]="data.defaultFontSize">
-      </aspect-rich-text-editor>
-    </mat-dialog-content>
+    <aspect-rich-text-editor [(content)]="data.content"
+                             [clozeMode]="data.clozeMode"
+                             [defaultFontSize]="data.defaultFontSize">
+    </aspect-rich-text-editor>
     <mat-dialog-actions>
       <button mat-button [mat-dialog-close]="data.content">{{'save' | translate }}</button>
       <button mat-button mat-dialog-close>{{'cancel' | translate }}</button>
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 3544b6c97c8c010bddcb410a5288a2afebdf3379..3dc2b6775b174265666980a2efc9c801aa1c5b74 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
@@ -42,8 +42,12 @@ button.active {
 }
 
 .editor-control-panel {
-  margin-bottom: 10px;
+  margin-bottom: 20px;
   background: linear-gradient(to top right, #FFF5F8, #FAFAFA);
+  font: unset;
+  max-width: 1000px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .small-dropdown {
diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.html b/projects/editor/src/app/text-editor/rich-text-editor.component.html
index bf1237b7afeebec58fea14ffe3cb5331c743c7a7..fa909c0771ddd558ab9907ec6d67db6391b7c755 100644
--- a/projects/editor/src/app/text-editor/rich-text-editor.component.html
+++ b/projects/editor/src/app/text-editor/rich-text-editor.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" class="editor-control-panel">
+<div fxLayout="column" class="editor-control-panel" mat-dialog-title>
   <div fxLayout="row" fxLayoutAlign="space-between">
     <fieldset fxLayout="row">
       <legend>Schriftauszeichnung</legend>
@@ -275,7 +275,7 @@
     </button>
   </div>
 </div>
-<tiptap-editor [editor]="editor" [ngModel]="content"
+<tiptap-editor [editor]="editor" [ngModel]="content" mat-dialog-content
                [outputFormat]="clozeMode ? 'json' : 'html'"
                [style.font-size.px]="defaultFontSize"
                (ngModelChange)="contentChange.emit($event)">