diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7194de8..317b1b6 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -73,13 +73,13 @@ import { SubstepsDetailsComponent } from './components/substeps-details/substeps
 import { TimelineStepNavComponent } from './components/timeline-step-nav/timeline-step-nav.component';
 import { TimelineStepComponent } from './components/timeline-step/timeline-step.component';
 import { TimelineSubstepsComponent } from './components/timeline-substeps/timeline-substeps.component';
-import { ChooseDataComponent } from './dialogs/choose-data/choose-data.component';
-import { ChoosePluginComponent } from './dialogs/choose-plugin/choose-plugin.component';
-import { CreateExperimentDialog } from './dialogs/create-experiment/create-experiment.component';
+import { ChooseDataDialog } from './dialogs/choose-data/choose-data.dialog';
+import { ChoosePluginDialog } from './dialogs/choose-plugin/choose-plugin.dialog';
+import { CreateExperimentDialog } from './dialogs/create-experiment/create-experiment.dialog';
 import { DeleteDialog } from './dialogs/delete-dialog/delete-dialog.dialog';
-import { ExportExperimentDialog } from './dialogs/export-experiment/export-experiment.component';
-import { MarkdownHelpDialog } from './dialogs/markdown-help/markdown-help.component';
-import { ChangeUiTemplateComponent } from './dialogs/change-ui-template/change-ui-template.component';
+import { ExportExperimentDialog } from './dialogs/export-experiment/export-experiment.dialog';
+import { MarkdownHelpDialog } from './dialogs/markdown-help/markdown-help.dialog';
+import { ChangeUiTemplateDialog } from './dialogs/change-ui-template/change-ui-template.dialog';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TemplateDetailsComponent } from './components-small/template-details/template-details.component';
 import { ExperimentWorkspaceDetailComponent } from './components/experiment-workspace-detail/experiment-workspace-detail.component';
@@ -106,8 +106,8 @@ import { ChooseTemplateDialog } from './dialogs/choose-template/choose-template.
         PreviewListComponent,
         MarkdownComponent,
         PluginUiframeComponent,
-        ChooseDataComponent,
-        ChoosePluginComponent,
+        ChooseDataDialog,
+        ChoosePluginDialog,
         TimelineSubstepsComponent,
         SubstepsDetailsComponent,
         StepStatusComponent,
@@ -125,7 +125,7 @@ import { ChooseTemplateDialog } from './dialogs/choose-template/choose-template.
         RawTextPreviewComponent,
         PluginPreviewComponent,
         PluginTabComponent,
-        ChangeUiTemplateComponent,
+        ChangeUiTemplateDialog,
         TemplateDetailsComponent,
         ExperimentWorkspaceDetailComponent,
         ImportExperimentComponent,
diff --git a/src/app/components/experiment/experiment.component.ts b/src/app/components/experiment/experiment.component.ts
index 97d75d3..6cfbe0d 100644
--- a/src/app/components/experiment/experiment.component.ts
+++ b/src/app/components/experiment/experiment.component.ts
@@ -3,7 +3,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Subscription } from 'rxjs';
 import { debounceTime, filter, map } from 'rxjs/operators';
-import { ExportExperimentDialog } from 'src/app/dialogs/export-experiment/export-experiment.component';
+import { ExportExperimentDialog } from 'src/app/dialogs/export-experiment/export-experiment.dialog';
 import { ChooseTemplateDialog } from 'src/app/dialogs/choose-template/choose-template.dialog';
 import { CurrentExperimentService } from 'src/app/services/current-experiment.service';
 import { ExperimentApiObject, QhanaBackendService } from 'src/app/services/qhana-backend.service';
diff --git a/src/app/components/experiments-page/experiments-page.component.ts b/src/app/components/experiments-page/experiments-page.component.ts
index dfe0a74..1374c44 100644
--- a/src/app/components/experiments-page/experiments-page.component.ts
+++ b/src/app/components/experiments-page/experiments-page.component.ts
@@ -4,7 +4,7 @@ import { PageEvent } from '@angular/material/paginator';
 import { Router } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { catchError, map } from 'rxjs/operators';
-import { CreateExperimentDialog } from 'src/app/dialogs/create-experiment/create-experiment.component';
+import { CreateExperimentDialog } from 'src/app/dialogs/create-experiment/create-experiment.dialog';
 import { CurrentExperimentService } from 'src/app/services/current-experiment.service';
 import { ExperimentApiObject, QhanaBackendService } from 'src/app/services/qhana-backend.service';
 
diff --git a/src/app/components/markdown/markdown.component.ts b/src/app/components/markdown/markdown.component.ts
index 6d09c9c..1571c5b 100644
--- a/src/app/components/markdown/markdown.component.ts
+++ b/src/app/components/markdown/markdown.component.ts
@@ -17,7 +17,7 @@ import { tooltip } from '@milkdown/plugin-tooltip';
 import { gfm } from '@milkdown/preset-gfm';
 import { EditorState, liftListItem, MarkType, redo, setBlockType, sinkListItem, TextSelection, undo, wrapIn } from '@milkdown/prose';
 import { forceUpdate, replaceAll } from '@milkdown/utils';
-import { MarkdownHelpDialog } from 'src/app/dialogs/markdown-help/markdown-help.component';
+import { MarkdownHelpDialog } from 'src/app/dialogs/markdown-help/markdown-help.dialog';
 import { QhanaBackendService } from 'src/app/services/qhana-backend.service';
 import { latex, latexNode } from './milkdown-latex';
 import { QhanaTheme } from './milkdown-utils';
diff --git a/src/app/components/plugin-sidebar/plugin-sidebar.component.ts b/src/app/components/plugin-sidebar/plugin-sidebar.component.ts
index d82c2a0..a9a6d07 100644
--- a/src/app/components/plugin-sidebar/plugin-sidebar.component.ts
+++ b/src/app/components/plugin-sidebar/plugin-sidebar.component.ts
@@ -3,7 +3,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
-import { ChangeUiTemplateComponent } from 'src/app/dialogs/change-ui-template/change-ui-template.component';
+import { ChangeUiTemplateDialog } from 'src/app/dialogs/change-ui-template/change-ui-template.dialog';
 import { DeleteDialog } from 'src/app/dialogs/delete-dialog/delete-dialog.dialog';
 import { ApiLink, ApiResponse, CollectionApiObject, PageApiObject } from 'src/app/services/api-data-types';
 import { PluginRegistryBaseService } from 'src/app/services/registry.service';
@@ -426,7 +426,7 @@ export class PluginSidebarComponent implements OnInit, OnDestroy {
     }
 
     async createTemplate() {
-        const dialogRef = this.dialog.open(ChangeUiTemplateComponent, { data: { template: null }, minWidth: "20rem", maxWidth: "40rem", width: "60%" });
+        const dialogRef = this.dialog.open(ChangeUiTemplateDialog, { data: { template: null }, minWidth: "20rem", maxWidth: "40rem", width: "60%" });
         const templateData: TemplateApiObject = await dialogRef.afterClosed().toPromise();
 
         if (!templateData) {
diff --git a/src/app/components/plugin-uiframe/plugin-uiframe.component.ts b/src/app/components/plugin-uiframe/plugin-uiframe.component.ts
index a380f2f..06c3e9b 100644
--- a/src/app/components/plugin-uiframe/plugin-uiframe.component.ts
+++ b/src/app/components/plugin-uiframe/plugin-uiframe.component.ts
@@ -4,8 +4,8 @@ import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 import { Observable, of } from 'rxjs';
 import { concatAll, filter, map, mergeAll, toArray } from 'rxjs/operators';
-import { ChooseDataComponent } from 'src/app/dialogs/choose-data/choose-data.component';
-import { ChoosePluginComponent } from 'src/app/dialogs/choose-plugin/choose-plugin.component';
+import { ChooseDataDialog } from 'src/app/dialogs/choose-data/choose-data.dialog';
+import { ChoosePluginDialog } from 'src/app/dialogs/choose-plugin/choose-plugin.dialog';
 import { CollectionApiObject } from 'src/app/services/api-data-types';
 import { PluginApiObject } from 'src/app/services/qhana-api-data-types';
 import { ApiObjectList, ExperimentDataApiObject, QhanaBackendService } from 'src/app/services/qhana-backend.service';
@@ -214,7 +214,7 @@ export class PluginUiframeComponent implements OnChanges, OnDestroy {
             return; // only ever show one dialog at a time
         }
         this.dialogActive = true;
-        const dialogRef = this.dialog.open(ChoosePluginComponent, { data: request });
+        const dialogRef = this.dialog.open(ChoosePluginDialog, { data: request });
         dialogRef.afterClosed().subscribe((result: PluginApiObject | null) => {
             this.dialogActive = false;
             if (result == null) {
@@ -235,7 +235,7 @@ export class PluginUiframeComponent implements OnChanges, OnDestroy {
             return; // only ever show one dialog at a time
         }
         this.dialogActive = true;
-        const dialogRef = this.dialog.open(ChooseDataComponent, { data: { acceptedDataType: request.acceptedInputType, acceptedContentTypes: request.acceptedContentTypes } });
+        const dialogRef = this.dialog.open(ChooseDataDialog, { data: { acceptedDataType: request.acceptedInputType, acceptedContentTypes: request.acceptedContentTypes } });
         dialogRef.afterClosed().subscribe((result: ExperimentDataApiObject) => {
             this.dialogActive = false;
             if (result == null) {
diff --git a/src/app/dialogs/change-ui-template/change-ui-template.component.spec.ts b/src/app/dialogs/change-ui-template/change-ui-template.component.spec.ts
deleted file mode 100644
index 91faead..0000000
--- a/src/app/dialogs/change-ui-template/change-ui-template.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ChangeUiTemplateComponent } from './change-ui-template.component';
-
-describe('ChangeUiTemplateComponent', () => {
-    let component: ChangeUiTemplateComponent;
-    let fixture: ComponentFixture<ChangeUiTemplateComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [ChangeUiTemplateComponent]
-        })
-            .compileComponents();
-
-        fixture = TestBed.createComponent(ChangeUiTemplateComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/change-ui-template/change-ui-template.component.html b/src/app/dialogs/change-ui-template/change-ui-template.dialog.html
similarity index 100%
rename from src/app/dialogs/change-ui-template/change-ui-template.component.html
rename to src/app/dialogs/change-ui-template/change-ui-template.dialog.html
diff --git a/src/app/dialogs/change-ui-template/change-ui-template.component.sass b/src/app/dialogs/change-ui-template/change-ui-template.dialog.sass
similarity index 100%
rename from src/app/dialogs/change-ui-template/change-ui-template.component.sass
rename to src/app/dialogs/change-ui-template/change-ui-template.dialog.sass
diff --git a/src/app/dialogs/change-ui-template/change-ui-template.component.ts b/src/app/dialogs/change-ui-template/change-ui-template.dialog.ts
similarity index 77%
rename from src/app/dialogs/change-ui-template/change-ui-template.component.ts
rename to src/app/dialogs/change-ui-template/change-ui-template.dialog.ts
index 78876e2..6404388 100644
--- a/src/app/dialogs/change-ui-template/change-ui-template.component.ts
+++ b/src/app/dialogs/change-ui-template/change-ui-template.dialog.ts
@@ -4,17 +4,17 @@ import { TemplateApiObject } from 'src/app/services/templates.service';
 
 @Component({
     selector: 'qhana-change-ui-template',
-    templateUrl: './change-ui-template.component.html',
-    styleUrls: ['./change-ui-template.component.sass'],
+    templateUrl: './change-ui-template.dialog.html',
+    styleUrls: ['./change-ui-template.dialog.sass'],
 })
-export class ChangeUiTemplateComponent implements OnInit {
+export class ChangeUiTemplateDialog implements OnInit {
 
     templateName: string = "";
     templateDescription: string = "";
     templateTags: string[] = [];
     tagName: string = "";
 
-    constructor(public dialogRef: MatDialogRef<ChangeUiTemplateComponent>, @Inject(MAT_DIALOG_DATA) public data: { template: TemplateApiObject | null }) { }
+    constructor(public dialogRef: MatDialogRef<ChangeUiTemplateDialog>, @Inject(MAT_DIALOG_DATA) public data: { template: TemplateApiObject | null }) { }
 
     ngOnInit(): void {
         this.templateName = this.data.template?.name || "";
diff --git a/src/app/dialogs/choose-data/choose-data.component.spec.ts b/src/app/dialogs/choose-data/choose-data.component.spec.ts
deleted file mode 100644
index db65435..0000000
--- a/src/app/dialogs/choose-data/choose-data.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ChooseDataComponent } from './choose-data.component';
-
-
-describe('ChooseDataComponent', () => {
-    let component: ChooseDataComponent;
-    let fixture: ComponentFixture<ChooseDataComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [ChooseDataComponent]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ChooseDataComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/choose-data/choose-data.component.html b/src/app/dialogs/choose-data/choose-data.dialog.html
similarity index 100%
rename from src/app/dialogs/choose-data/choose-data.component.html
rename to src/app/dialogs/choose-data/choose-data.dialog.html
diff --git a/src/app/dialogs/choose-data/choose-data.component.sass b/src/app/dialogs/choose-data/choose-data.dialog.sass
similarity index 100%
rename from src/app/dialogs/choose-data/choose-data.component.sass
rename to src/app/dialogs/choose-data/choose-data.dialog.sass
diff --git a/src/app/dialogs/choose-data/choose-data.component.ts b/src/app/dialogs/choose-data/choose-data.dialog.ts
similarity index 90%
rename from src/app/dialogs/choose-data/choose-data.component.ts
rename to src/app/dialogs/choose-data/choose-data.dialog.ts
index cea5495..9dd53b2 100644
--- a/src/app/dialogs/choose-data/choose-data.component.ts
+++ b/src/app/dialogs/choose-data/choose-data.dialog.ts
@@ -7,10 +7,10 @@ import { ApiObjectList, ExperimentDataApiObject, QhanaBackendService } from 'src
 
 @Component({
     selector: 'qhana-choose-data',
-    templateUrl: './choose-data.component.html',
-    styleUrls: ['./choose-data.component.sass']
+    templateUrl: './choose-data.dialog.html',
+    styleUrls: ['./choose-data.dialog.sass']
 })
-export class ChooseDataComponent implements OnInit {
+export class ChooseDataDialog implements OnInit {
 
     experimentId: string | null = null;
 
@@ -34,7 +34,7 @@ export class ChooseDataComponent implements OnInit {
 
     selected: ExperimentDataApiObject | null = null;
 
-    constructor(public dialogRef: MatDialogRef<ChooseDataComponent>, @Inject(MAT_DIALOG_DATA) public data: { acceptedDataType: string, acceptedContentTypes: string[] }, private experiment: CurrentExperimentService, private backend: QhanaBackendService) { }
+    constructor(public dialogRef: MatDialogRef<ChooseDataDialog>, @Inject(MAT_DIALOG_DATA) public data: { acceptedDataType: string, acceptedContentTypes: string[] }, private experiment: CurrentExperimentService, private backend: QhanaBackendService) { }
 
     ngOnInit(): void {
         this.acceptedDataTypeMatcher = this.getMimetypeLikeMatcher(this.data.acceptedDataType);
diff --git a/src/app/dialogs/choose-plugin/choose-plugin.component.spec.ts b/src/app/dialogs/choose-plugin/choose-plugin.component.spec.ts
deleted file mode 100644
index a85306f..0000000
--- a/src/app/dialogs/choose-plugin/choose-plugin.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ChoosePluginComponent } from './choose-plugin.component';
-
-
-describe('ChoosePluginComponent', () => {
-    let component: ChoosePluginComponent;
-    let fixture: ComponentFixture<ChoosePluginComponent>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [ChoosePluginComponent]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ChoosePluginComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/choose-plugin/choose-plugin.component.html b/src/app/dialogs/choose-plugin/choose-plugin.dialog.html
similarity index 100%
rename from src/app/dialogs/choose-plugin/choose-plugin.component.html
rename to src/app/dialogs/choose-plugin/choose-plugin.dialog.html
diff --git a/src/app/dialogs/choose-plugin/choose-plugin.component.sass b/src/app/dialogs/choose-plugin/choose-plugin.dialog.sass
similarity index 100%
rename from src/app/dialogs/choose-plugin/choose-plugin.component.sass
rename to src/app/dialogs/choose-plugin/choose-plugin.dialog.sass
diff --git a/src/app/dialogs/choose-plugin/choose-plugin.component.ts b/src/app/dialogs/choose-plugin/choose-plugin.dialog.ts
similarity index 86%
rename from src/app/dialogs/choose-plugin/choose-plugin.component.ts
rename to src/app/dialogs/choose-plugin/choose-plugin.dialog.ts
index c6fe591..69d1249 100644
--- a/src/app/dialogs/choose-plugin/choose-plugin.component.ts
+++ b/src/app/dialogs/choose-plugin/choose-plugin.dialog.ts
@@ -12,17 +12,17 @@ interface PluginRestrictions {
 
 @Component({
     selector: 'qhana-choose-plugin',
-    templateUrl: './choose-plugin.component.html',
-    styleUrls: ['./choose-plugin.component.sass']
+    templateUrl: './choose-plugin.dialog.html',
+    styleUrls: ['./choose-plugin.dialog.sass']
 })
-export class ChoosePluginComponent {
+export class ChoosePluginDialog {
 
     highlightedPluginSet: Set<string> = new Set();
     selectedPlugin: PluginApiObject | null = null;
 
     queryParams: URLSearchParams | null = null;
 
-    constructor(public dialogRef: MatDialogRef<ChoosePluginComponent>, @Inject(MAT_DIALOG_DATA) public data: PluginRestrictions, private registry: PluginRegistryBaseService) {
+    constructor(public dialogRef: MatDialogRef<ChoosePluginDialog>, @Inject(MAT_DIALOG_DATA) public data: PluginRestrictions, private registry: PluginRegistryBaseService) {
         const query = new URLSearchParams();
         if (data.pluginTags) {
             const tag_list = data.pluginTags.join(",");
diff --git a/src/app/dialogs/choose-template/choose-template.dialog.spec.ts b/src/app/dialogs/choose-template/choose-template.dialog.spec.ts
deleted file mode 100644
index f1483bc..0000000
--- a/src/app/dialogs/choose-template/choose-template.dialog.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ChooseTemplateDialog } from './choose-template.dialog';
-
-describe('ChooseTemplateDialog', () => {
-  let component: ChooseTemplateDialog;
-  let fixture: ComponentFixture<ChooseTemplateDialog>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ChooseTemplateDialog ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ChooseTemplateDialog);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/dialogs/create-experiment/create-experiment.component.spec.ts b/src/app/dialogs/create-experiment/create-experiment.component.spec.ts
deleted file mode 100644
index b6c338c..0000000
--- a/src/app/dialogs/create-experiment/create-experiment.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CreateExperimentDialog } from './create-experiment.component';
-
-
-describe('CreateExperimentComponent', () => {
-    let component: CreateExperimentDialog;
-    let fixture: ComponentFixture<CreateExperimentDialog>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [CreateExperimentDialog]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(CreateExperimentDialog);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/create-experiment/create-experiment.component.html b/src/app/dialogs/create-experiment/create-experiment.dialog.html
similarity index 100%
rename from src/app/dialogs/create-experiment/create-experiment.component.html
rename to src/app/dialogs/create-experiment/create-experiment.dialog.html
diff --git a/src/app/dialogs/create-experiment/create-experiment.component.sass b/src/app/dialogs/create-experiment/create-experiment.dialog.sass
similarity index 100%
rename from src/app/dialogs/create-experiment/create-experiment.component.sass
rename to src/app/dialogs/create-experiment/create-experiment.dialog.sass
diff --git a/src/app/dialogs/create-experiment/create-experiment.component.ts b/src/app/dialogs/create-experiment/create-experiment.dialog.ts
similarity index 83%
rename from src/app/dialogs/create-experiment/create-experiment.component.ts
rename to src/app/dialogs/create-experiment/create-experiment.dialog.ts
index 69a398e..b6250db 100644
--- a/src/app/dialogs/create-experiment/create-experiment.component.ts
+++ b/src/app/dialogs/create-experiment/create-experiment.dialog.ts
@@ -3,8 +3,8 @@ import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
     selector: 'qhana-create-experiment',
-    templateUrl: './create-experiment.component.html',
-    styleUrls: ['./create-experiment.component.sass']
+    templateUrl: './create-experiment.dialog.html',
+    styleUrls: ['./create-experiment.dialog.sass']
 })
 export class CreateExperimentDialog implements OnInit {
 
diff --git a/src/app/dialogs/export-experiment/export-experiment.component.spec.ts b/src/app/dialogs/export-experiment/export-experiment.component.spec.ts
deleted file mode 100644
index f9c087b..0000000
--- a/src/app/dialogs/export-experiment/export-experiment.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ExportExperimentDialog } from './export-experiment.component';
-
-describe('ExportExperimentDialog', () => {
-    let component: ExportExperimentDialog;
-    let fixture: ComponentFixture<ExportExperimentDialog>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [ExportExperimentDialog]
-        })
-            .compileComponents();
-
-        fixture = TestBed.createComponent(ExportExperimentDialog);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/export-experiment/export-experiment.component.html b/src/app/dialogs/export-experiment/export-experiment.dialog.html
similarity index 100%
rename from src/app/dialogs/export-experiment/export-experiment.component.html
rename to src/app/dialogs/export-experiment/export-experiment.dialog.html
diff --git a/src/app/dialogs/export-experiment/export-experiment.component.sass b/src/app/dialogs/export-experiment/export-experiment.dialog.sass
similarity index 100%
rename from src/app/dialogs/export-experiment/export-experiment.component.sass
rename to src/app/dialogs/export-experiment/export-experiment.dialog.sass
diff --git a/src/app/dialogs/export-experiment/export-experiment.component.ts b/src/app/dialogs/export-experiment/export-experiment.dialog.ts
similarity index 96%
rename from src/app/dialogs/export-experiment/export-experiment.component.ts
rename to src/app/dialogs/export-experiment/export-experiment.dialog.ts
index f0a57ad..b59081c 100644
--- a/src/app/dialogs/export-experiment/export-experiment.component.ts
+++ b/src/app/dialogs/export-experiment/export-experiment.dialog.ts
@@ -9,8 +9,8 @@ interface SelectValue {
 
 @Component({
     selector: 'qhana-export-experiment',
-    templateUrl: './export-experiment.component.html',
-    styleUrls: ['./export-experiment.component.sass']
+    templateUrl: './export-experiment.dialog.html',
+    styleUrls: ['./export-experiment.dialog.sass']
 })
 export class ExportExperimentDialog implements OnInit {
 
diff --git a/src/app/dialogs/markdown-help/markdown-help.component.spec.ts b/src/app/dialogs/markdown-help/markdown-help.component.spec.ts
deleted file mode 100644
index a5c0c1b..0000000
--- a/src/app/dialogs/markdown-help/markdown-help.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MarkdownHelpDialog } from './markdown-help.component';
-
-
-describe('MarkdownHelpComponent', () => {
-    let component: MarkdownHelpDialog;
-    let fixture: ComponentFixture<MarkdownHelpDialog>;
-
-    beforeEach(async () => {
-        await TestBed.configureTestingModule({
-            declarations: [MarkdownHelpDialog]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(MarkdownHelpDialog);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});
diff --git a/src/app/dialogs/markdown-help/markdown-help.component.html b/src/app/dialogs/markdown-help/markdown-help.dialog.html
similarity index 100%
rename from src/app/dialogs/markdown-help/markdown-help.component.html
rename to src/app/dialogs/markdown-help/markdown-help.dialog.html
diff --git a/src/app/dialogs/markdown-help/markdown-help.component.sass b/src/app/dialogs/markdown-help/markdown-help.dialog.sass
similarity index 100%
rename from src/app/dialogs/markdown-help/markdown-help.component.sass
rename to src/app/dialogs/markdown-help/markdown-help.dialog.sass
diff --git a/src/app/dialogs/markdown-help/markdown-help.component.ts b/src/app/dialogs/markdown-help/markdown-help.dialog.ts
similarity index 95%
rename from src/app/dialogs/markdown-help/markdown-help.component.ts
rename to src/app/dialogs/markdown-help/markdown-help.dialog.ts
index 8cbcbeb..9c48100 100644
--- a/src/app/dialogs/markdown-help/markdown-help.component.ts
+++ b/src/app/dialogs/markdown-help/markdown-help.dialog.ts
@@ -3,8 +3,8 @@ import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
     selector: 'qhana-markdown-help',
-    templateUrl: './markdown-help.component.html',
-    styleUrls: ['./markdown-help.component.sass']
+    templateUrl: './markdown-help.dialog.html',
+    styleUrls: ['./markdown-help.dialog.sass']
 })
 export class MarkdownHelpDialog {