diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 6648f50..6f7262a 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -3,10 +3,10 @@
     <h2 style="padding: 0; margin: 0;">W&I Kalender</h2>
     <div class="splitter"></div>
     <!-- Preset Picker -->
-    <div appearance="fill" style="width: 200px; padding-left: 15px; padding-top: 7px;">
+    <div appearance="fill" style="width: 240px; padding-left: 15px; padding-top: 7px; ">
       <mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
-        <mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
-          <mat-option *ngFor="let preset of group.presets" [value]="preset">
+        <mat-optgroup style="font-size: 14px; font-weight: 600; letter-spacing: 0; color: rgba(0, 0, 0, 0.4);" *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
+          <mat-option  style="font-size: 14px; line-height: 1;letter-spacing: 0;" *ngFor="let preset of group.presets" [value]="preset">
             {{preset.name}}
             <!-- <button style="align-self: right;" *ngIf="group.name == 'User'" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
             <button *ngIf="group.name == 'User'" mat-icon-button><mat-icon>edit</mat-icon></button> -->