diff --git a/src/app/vineyeard-view/notes/notes.component.html b/src/app/vineyeard-view/notes/notes.component.html
index a187b37..e50615f 100644
--- a/src/app/vineyeard-view/notes/notes.component.html
+++ b/src/app/vineyeard-view/notes/notes.component.html
@@ -4,7 +4,7 @@
 <div class="list">
   <ion-card *ngFor="let note of (notes$ | async) | filterNotesByTypes: activeTypes  | orderBy:{key: 'date', type: 'dateString', desc: true} ">
     <ion-card-header >
-      <ion-card-subtitle>{{STAGE[note.stage].replace('_', ' ') | titlecase}}</ion-card-subtitle>
+      <ion-card-subtitle><ion-badge [style.background-color]="vintageService.getEventTypeColor(note.stage)">{{STAGE[note.stage].replace('_', ' ') | titlecase}}</ion-badge></ion-card-subtitle>
       <ion-card-title>
         <div class="subtitle">
           <span>{{note.date | date:'dd MMMM yyyy'}}</span>