diff --git a/src/pages/Customer/Payments/CustomerPayments.vue b/src/pages/Customer/Payments/CustomerPayments.vue
index be0c41a26..25dfcc58a 100644
--- a/src/pages/Customer/Payments/CustomerPayments.vue
+++ b/src/pages/Customer/Payments/CustomerPayments.vue
@@ -39,7 +39,7 @@ const columns = computed(() => [
     {
         name: 'id',
         label: t('Transaction ID'),
-        isId: true,
+        isTitle: true,
         align: 'left',
         columnFilter: {
             inWhere: true,
@@ -59,6 +59,7 @@ const columns = computed(() => [
             },
         },
         columnClass: 'expand',
+        cardVisible: true,
     },
     {
         name: 'isConfirmed',
@@ -76,6 +77,7 @@ const columns = computed(() => [
         label: t('Dated'),
         format: ({ created }) => toDate(created),
         columnFilter: false,
+        cardVisible: true,
     },
     {
         name: 'amount',
@@ -84,6 +86,7 @@ const columns = computed(() => [
         columnFilter: {
             component: 'number',
         },
+        cardVisible: true,
     },
     {
         align: 'right',