diff --git a/projects/common/models/button-element.ts b/projects/common/models/button-element.ts
index 43389d929d842d03c8e2b0b3b100c888e2ee14b3..683f72e1940cf1df27687b43fcb003c0c9f89599 100644
--- a/projects/common/models/button-element.ts
+++ b/projects/common/models/button-element.ts
@@ -6,7 +6,7 @@ export class ButtonElement extends UIElement implements FontElement, SurfaceUIEl
   label: string = 'Knopf';
   imageSrc: string | null = null;
   borderRadius: number = 0;
-  action: null | 'previous' | 'next' | 'end' = null;
+  action: null | 'previous' | 'next' | 'first' | 'last' | 'end' = null;
 
   fontColor: string = 'black';
   font: string = 'Roboto';
diff --git a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
index a23030b264644a9c183e1046363a248b44dbd6a3..61d803328c8d8ec4e41e0a08a3b318b1a33c498c 100644
--- a/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
+++ b/projects/editor/src/app/unit-view/page-view/properties-panel/element-properties.component.html
@@ -140,7 +140,9 @@
             <mat-option *ngFor="let option of [{displayValue: 'keine', value: undefined},
                                                {displayValue: 'Vorherige Seite', value: 'previous'},
                                                {displayValue: 'Nächste Seite', value: 'next'},
-                                               {displayValue: 'Letzte Seite', value: 'end'}]"
+                                               {displayValue: 'Erste Seite', value: 'first'},
+                                               {displayValue: 'Letzte Seite', value: 'last'},
+                                               {displayValue: 'Beenden', value: 'end'}]"
                         [value]="option.value">
               {{option.displayValue}}
             </mat-option>