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 c18b15274d31c977d0eef0a12a2ebafe5c071083..37ddb5887413ac6bdf71e24ea43bd7d79815dee2 100644
--- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
+++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
@@ -63,6 +63,7 @@ export default {
     <v-dialog
       v-model="dialog"
       max-width="600px"
+      @click:outside="cancelDialog"
     >
       <template v-slot:activator="{ on, attrs }">
         <div>
@@ -104,11 +105,11 @@ export default {
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn
-            color="blue darken-1"
-            text
-            @click="dialog = false"
+            color="error"
+            outlined
+            @click="cancelDialog"
           >
-            Close
+            Cancel
           </v-btn>
           <v-btn
             color="blue darken-1"