diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
index 5ace2f9e72bd15d32ac7643190eaeae16a80fc72..bcaa77fee7b991c7a83e2bbe214d28902fb75380 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
@@ -5,8 +5,21 @@ export default {
         this.ID_NO_PERSON = ID_NO_PERSON;
     },
     methods: {
-        removePersonalNote(item) {
-            console.log("removing personal note", item);
+        removePersonalNote(personID) {
+            if (personID === ID_NO_PERSON) {
+                return
+            }
+            console.log("removing personal note of person", personID);
+            this.personalNotes.forEach(item => {
+                if (item.student.id === personID) {
+                    item.tardiness = 0;
+                    item.absent = false;
+                    item.excused = false;
+                    item.excuse_type = null;
+                    item.extra_marks = [];
+                }
+            });
+
         },
         editPersonalNote(personID) {
             console.log("editing personal note of person", personID);