src/pages/Customer/Card/CustomerCredits.vue

@@ -119,7 +119,6 @@ const toCustomerCreditCreate = () => {
                             :is="tableColumnComponents[props.col.name].component"
                             @click="tableColumnComponents[props.col.name].event(props)"
                             class="rounded-borders q-pa-sm"
-                            style="border: 1px solid red"
                             v-bind="tableColumnComponents[props.col.name].props(props)"
                         >
                             {{ props.value }}

src/pages/Customer/Card/CustomerNotes.vue

@@ -36,7 +36,9 @@ const toCustomerNoteCreate = () => {
                         v-for="(item, index) in rows"
                         :key="index"
                         :class="{
-                            'consignees-card': true,
+                            'q-pa-md': true,
+                            'q-rounded': true,
+                            'custom-border': true,
                             'q-mb-md': index < rows.length - 1,
                         }"
                     >
@@ -82,7 +84,7 @@ const toCustomerNoteCreate = () => {
 </template>
 
 <style lang="scss">
-.consignees-card {
+.custom-border {
     border: 2px solid var(--vn-light-gray);
     border-radius: 10px;
     padding: 10px;