diff --git a/src/pages/Customer/Card/CustomerNotes.vue b/src/pages/Customer/Card/CustomerNotes.vue
index c275baacf..9ce3ad159 100644
--- a/src/pages/Customer/Card/CustomerNotes.vue
+++ b/src/pages/Customer/Card/CustomerNotes.vue
@@ -36,12 +36,8 @@ const toCustomerNoteCreate = () => {
                         <QCard
                             v-for="(item, index) in rows"
                             :key="index"
-                            :class="{
-                                'q-pa-md': true,
-                                'q-rounded': true,
-                                'custom-border': true,
-                                'q-mb-md': index < rows.length - 1,
-                            }"
+                            class="q-pa-md q-rounded custom-border"
+                            :class="{ 'q-mb-md': index < rows.length - 1 }"
                         >
                             <div class="flex justify-between">
                                 <p class="color-vn-label">