diff --git a/src/frontend/app/notes/note-editor.component.html b/src/frontend/app/notes/note-editor.component.html
index e48543a2533421a3918551459fe90bfb1defbee0..b78538f781214511802f46392fadb9faa563743c 100644
--- a/src/frontend/app/notes/note-editor.component.html
+++ b/src/frontend/app/notes/note-editor.component.html
@@ -1,16 +1,20 @@
-<mat-form-field appearance="outline">
+<mat-form-field appearance="outline" class="noteEditorContent">
     <textarea matInput placeholder="{{lang.addNote}}" [(ngModel)]="content"></textarea>
-    <button *ngIf="addMode" matSuffix mat-icon-button title="{{lang.send}}" (click)="addNote()" [disabled]="content.trim() == ''">
+    <button *ngIf="addMode" matSuffix mat-icon-button title="{{lang.send}}" (click)="addNote()"
+        [disabled]="content.trim() == ''">
         <mat-icon fontSet="far" fontIcon="fa-paper-plane fa-2x" style="color: #666;"></mat-icon>
     </button>
-    <button matSuffix color="primary" mat-icon-button title="{{lang.noteTemplates}}" [matMenuTriggerFor]="menu" (click)="getTemplatesNote()">
+    <button matSuffix color="primary" mat-icon-button title="{{lang.noteTemplates}}" [matMenuTriggerFor]="menu"
+        (click)="getTemplatesNote()">
         <mat-icon fontSet="fas" fontIcon="fa-file-alt fa-2x"></mat-icon>
     </button>
-    <mat-menu #menu="matMenu">
-        <div style="text-align: center;font-size: 10px;opacity: 0.5;margin-top:-15px;">
+    <mat-menu #menu="matMenu" [class]="'templateNoteListMenu'">
+        <div
+            style="text-align: center;font-size: 10px;color: white;background: #135F7F;padding: 5px;font-weight: bold;">
             {{lang.noteTemplates}}
         </div>
-        <button mat-menu-item *ngFor="let template of templatesNote" matTooltip="{{template.template_content}}" matTooltipPosition="left" (click)="selectTemplate(template)">
+        <button mat-menu-item *ngFor="let template of templatesNote" matTooltip="{{template.template_content}}"
+            matTooltipPosition="left" (click)="selectTemplate(template)">
             <span>{{template.template_label}}</span>
         </button>
     </mat-menu>
diff --git a/src/frontend/app/notes/note-editor.component.scss b/src/frontend/app/notes/note-editor.component.scss
index 302b5f1e0f4eb9238626182f353f57b0a30a6da6..6def31b0f81064accf33fc8a61a31a1c89dcd89e 100644
--- a/src/frontend/app/notes/note-editor.component.scss
+++ b/src/frontend/app/notes/note-editor.component.scss
@@ -1,5 +1,14 @@
-.mat-icon-button:disabled {
-    opacity: 0.5;
+.noteEditorContent {
+    .mat-icon-button:disabled {
+        opacity: 0.5;
+    }
+}
+
+::ng-deep.templateNoteListMenu {
+    .mat-menu-content {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
 }
 
 ::ng-deep.mat-tooltip {