diff --git a/web/src/components/CategoryContainer.vue b/web/src/components/CategoryContainer.vue
index fc72a13..9b7c1d8 100644
--- a/web/src/components/CategoryContainer.vue
+++ b/web/src/components/CategoryContainer.vue
@@ -9,7 +9,7 @@
         :startDate="license.start ? new Date(license.start) : null"
         :endDate="license.end ? new Date(license.end) : null"
         :amount="license.amount"
-        notes="license.notes"
+        :notes="license.note"
       />
     </li>
   </div>
diff --git a/web/src/components/HeaderBar.vue b/web/src/components/HeaderBar.vue
index e4e3a2c..ba39074 100644
--- a/web/src/components/HeaderBar.vue
+++ b/web/src/components/HeaderBar.vue
@@ -267,7 +267,7 @@ async function submit(event: SubmitEventPromise) {
       key: addLicenseKey.value,
       start: addStartDate.value ?? null,
       end: addStopDate.value ?? null,
-      notes: addNotes.value,
+      note: addNotes.value,
     };
     console.log(data);
     licenseMutate(data);
diff --git a/web/src/types.ts b/web/src/types.ts
index a0d05b0..8df5c95 100644
--- a/web/src/types.ts
+++ b/web/src/types.ts
@@ -11,6 +11,7 @@ export interface License {
   end?: string;
   key: string;
   amount?: number;
+  note?: string;
 }
 
 export interface CreateLicenseDto {
@@ -20,6 +21,7 @@ export interface CreateLicenseDto {
   key: string;
   amount?: number;
   group_id: string;
+  note?: string;
 }
 
 export type CreateGroupDto = Omit<LicenseGroup, "id" | "licenses">;