diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index fcd6e6b..0c33aa8 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -68,6 +68,12 @@
 
 
 <div *ngIf="!errorService.rsso && !rssoInit" class="filterContainer">
+<button *ngIf="transitionButton"  mat-raised-button style="margin-bottom: 2px; background-color: #00a79d; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)=" openStatTransitionDialog()">Statusübergang</button>
+<button *ngIf="approveButton"  mat-raised-button style="margin-bottom: 2px; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)="approve()">Genehmigen</button>
+<button *ngIf="rejectButton"  mat-raised-button style="margin-bottom: 2px; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)="reject()">Ablehnen</button>
+<button *ngIf="cancelButton"  mat-raised-button style="margin-bottom: 2px; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)="cancel()">Stornieren</button>
+<button *ngIf="reApproveButton"  mat-raised-button style="margin-bottom: 2px; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)="reApprove()">Erneut zur Genehmigung</button>
+<button *ngIf="implementerButton"  mat-raised-button style="margin-bottom: 2px; margin-left: 1px; margin-right: 1px;" class="filterButton" aria-label="Filtern" (click)="openImplementerDialog()">Implementer Eintragen</button>
   <button  mat-raised-button class="filterButton" aria-label="Filtern" (click)="openFilterDialog()">
     {{languageService.lMap.get('nttGanttFilterButton')}} <mat-icon style="color: #00a79d;">filter_alt</mat-icon>
   </button>
@@ -80,13 +86,9 @@
   </button>
 
    <mat-slide-toggle class="showDetails" color="primary" [(ngModel)]="showDetails" [checked]="showDetails" (change)="refreshData()">{{languageService.lMap.get('detailButton')}}</mat-slide-toggle>
+
 </div>
-<button *ngIf="transitionButton"  mat-raised-button style="margin-bottom: 2px; background-color: #00a79d;" class="filterButton" aria-label="Filtern" (click)=" openStatTransitionDialog()">Statusübergang</button>
-<button *ngIf="approveButton"  mat-raised-button style="margin-bottom: 2px;" class="filterButton" aria-label="Filtern" (click)="approve()">Genehmigen</button>
-<button *ngIf="rejectButton"  mat-raised-button style="margin-bottom: 2px;" class="filterButton" aria-label="Filtern" (click)="reject()">Ablehnen</button>
-<button *ngIf="cancelButton"  mat-raised-button style="margin-bottom: 2px;" class="filterButton" aria-label="Filtern" (click)="cancel()">Stornieren</button>
-<button *ngIf="reApproveButton"  mat-raised-button style="margin-bottom: 2px;" class="filterButton" aria-label="Filtern" (click)="reApprove()">Erneut zur Genehmigung</button>
-<button *ngIf="implementerButton"  mat-raised-button style="margin-bottom: 2px;" class="filterButton" aria-label="Filtern" (click)="openImplementerDialog()">Implementer Eintragen</button>
+
 <div
   *ngIf="!this.disableSpin && !this.showNoResultsError && !this.errorService.critical && !this.errorService.rsso && !this.errorService.error" id="showSpin" data-bind="visible: spin"
   style=" position: absolute; top: auto; left: 30%;">