diff --git a/src/components/common/SendEmailDialog.vue b/src/components/common/SendEmailDialog.vue
index e4fefe00f..ab83c0949 100644
--- a/src/components/common/SendEmailDialog.vue
+++ b/src/components/common/SendEmailDialog.vue
@@ -40,7 +40,7 @@ async function confirm() {
 }
 </script>
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <span class="text-h6 text-grey">{{ t('Send email notification') }}</span>
diff --git a/src/components/common/VnSmsDialog.vue b/src/components/common/VnSmsDialog.vue
index ef25bbf4a..7f019927e 100644
--- a/src/components/common/VnSmsDialog.vue
+++ b/src/components/common/VnSmsDialog.vue
@@ -83,7 +83,7 @@ async function send() {
 </script>
 
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <span class="text-h6 text-grey">
diff --git a/src/components/ui/VnConfirm.vue b/src/components/ui/VnConfirm.vue
index a371db970..f8715f685 100644
--- a/src/components/ui/VnConfirm.vue
+++ b/src/components/ui/VnConfirm.vue
@@ -51,7 +51,7 @@ async function confirm() {
 }
 </script>
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <QAvatar
diff --git a/src/components/ui/VnNotes.vue b/src/components/ui/VnNotes.vue
index 2b652898a..f02551575 100644
--- a/src/components/ui/VnNotes.vue
+++ b/src/components/ui/VnNotes.vue
@@ -24,6 +24,7 @@ async function insert() {
     Object.assign(body, { text: newNote.value });
     await axios.post($props.url, body);
     vnPaginateRef.value.fetch();
+    newNote.value = '';
 }
 </script>
 <template>
@@ -71,7 +72,7 @@ async function insert() {
                 @click="noteModal = true"
             />
         </QPageSticky>
-        <QDialog v-model="noteModal" persistent>
+        <QDialog v-model="noteModal" @hide="newNote = ''">
             <QCard>
                 <QCardSection>
                     <QItem class="q-px-none">
@@ -86,7 +87,7 @@ async function insert() {
                     <QInput
                         autofocus
                         type="textarea"
-                        :hint="t('Add note here...')"
+                        :label="t('Add note here...')"
                         filled
                         size="lg"
                         autogrow
diff --git a/src/pages/Claim/Card/ClaimLinesImport.vue b/src/pages/Claim/Card/ClaimLinesImport.vue
index fad1ac3af..26e59bbc0 100644
--- a/src/pages/Claim/Card/ClaimLinesImport.vue
+++ b/src/pages/Claim/Card/ClaimLinesImport.vue
@@ -103,7 +103,7 @@ function cancel() {
         @on-fetch="(data) => (claimableSales = data)"
         auto-load
     />
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard>
             <QCardSection class="row items-center">
                 <span class="text-h6 text-grey">{{ t('Available sales lines') }}</span>