diff --git a/projects/common/element-components/button.component.ts b/projects/common/element-components/button.component.ts
index 06d34e904350da94e7bb50a817dfa7e6c33de391..ee2127d561e2e3a342dd14b94a90a3a3c67a163a 100644
--- a/projects/common/element-components/button.component.ts
+++ b/projects/common/element-components/button.component.ts
@@ -1,4 +1,6 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import {
+  Component, EventEmitter, Input, Output
+} from '@angular/core';
 import { ElementComponent } from '../element-component.directive';
 import { ButtonElement } from '../models/button-element';
 
@@ -6,6 +8,7 @@ import { ButtonElement } from '../models/button-element';
   selector: 'app-button',
   template: `
     <button *ngIf="!elementModel.imageSrc" mat-button
+            type='button'
             [style.width.%]="100"
             [style.height.%]="100"
             [style.background-color]="elementModel.backgroundColor"
@@ -35,10 +38,8 @@ export class ButtonComponent extends ElementComponent {
   @Output() navigationRequested = new EventEmitter<'previous' | 'next' | 'first' | 'last' | 'end'>();
 
   onClick = (event: MouseEvent, action: 'previous' | 'next' | 'first' | 'last' | 'end' | null): void => {
-    if (action) {
+    if (action) { // TODO warum kann das null sein?
       this.navigationRequested.emit(action);
     }
-    // event.stopPropagation();
-    // event.preventDefault(); TODO
   };
 }