diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
deleted file mode 100644
index ed1df7668..000000000
--- a/src/components/ui/CardList.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script setup>
-const $props = defineProps({
-    id: { type: Number, default: null },
-    title: { type: String, default: null },
-});
-</script>
-<template>
-    <QCard class="card q-mb-md cursor-pointer q-hoverable bg-white-7 q-pa-lg">
-        <div>
-            <slot name="title">
-                <div class="title text-primary text-weight-bold text-h5">
-                    {{ $props.title ?? `#${$props.id}` }}
-                </div>
-            </slot>
-            <div class="card-list-body row">
-                <div class="list-items row flex-wrap-wrap q-mt-md">
-                    <slot name="list-items" />
-                </div>
-
-                <div class="actions column justify-center">
-                    <slot name="actions" />
-                </div>
-            </div>
-        </div>
-    </QCard>
-</template>
-<style lang="scss">
-.card-list-body {
-    .vn-label-value {
-        display: flex;
-        justify-content: flex-start;
-        gap: 2%;
-        width: 50%;
-        .label {
-            width: 30%;
-            color: var(--vn-label);
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-        .value {
-            width: 60%;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-    .actions {
-        .q-btn {
-            width: 30px;
-        }
-        .q-icon {
-            color: $primary;
-            font-size: 25px;
-        }
-    }
-}
-
-@media (max-width: $breakpoint-xs) {
-    .card-list-body {
-        .vn-label-value {
-            width: 100%;
-        }
-    }
-}
-</style>
-
-<style lang="scss" scoped>
-.card {
-    transition: background-color 0.2s;
-}
-.card:hover {
-    background-color: var(--vn-gray);
-}
-.list-items {
-    width: 90%;
-}
-@media (max-width: $breakpoint-xs) {
-    .list-items {
-        width: 85%;
-    }
-}
-</style>
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index d92f11789..940e0b145 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -655,9 +655,9 @@ export default {
             logOut: 'Log Out',
         },
         smartCard: {
-            openCard: 'View card',
-            openSummary: 'Open summary',
-            viewDescription: 'View description',
+            openCard: 'View',
+            openSummary: 'Summary',
+            viewDescription: 'Description',
         },
         cardDescriptor: {
             mainList: 'Main list',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 3a7d09c3c..84ce5a210 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -659,7 +659,7 @@ export default {
         smartCard: {
             openCard: 'Ficha',
             openSummary: 'Detalles',
-            viewDescription: 'Ver descripción',
+            viewDescription: 'Descripción',
         },
         cardDescriptor: {
             mainList: 'Listado principal',
diff --git a/src/pages/Claim/ClaimList.vue b/src/pages/Claim/ClaimList.vue
index b5c5616f5..b3dd64e8e 100644
--- a/src/pages/Claim/ClaimList.vue
+++ b/src/pages/Claim/ClaimList.vue
@@ -79,13 +79,13 @@ function viewSummary(id) {
             >
                 <template #body="{ rows }">
                     <CardList
-                        v-for="row of rows"
+                        :id="row.id"
                         :key="row.id"
                         :title="row.clientName"
                         @click="navigate(row.id)"
+                        v-for="row of rows"
                     >
                         <template #list-items>
-                            <VnLv label="ID" :value="row.id" />
                             <VnLv
                                 :label="t('claim.list.customer')"
                                 :value="row.clientName"
@@ -100,11 +100,7 @@ function viewSummary(id) {
                             />
                             <VnLv :label="t('claim.list.state')">
                                 <template #value>
-                                    <QBadge
-                                        :color="stateColor(row.stateCode)"
-                                        class="q-ma-none"
-                                        dense
-                                    >
+                                    <QBadge :color="stateColor(row.stateCode)" dense>
                                         {{ row.stateDescription }}
                                     </QBadge>
                                 </template>
@@ -112,26 +108,26 @@ function viewSummary(id) {
                         </template>
                         <template #actions>
                             <QBtn
-                                flat
-                                icon="arrow_circle_right"
+                                :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
+                                color="white"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('components.smartCard.viewDescription')"
+                                @click.stop
+                                color="white"
+                                outline
+                                style="margin-top: 15px"
                             >
-                                <QTooltip>
-                                    {{ t('components.smartCard.openCard') }}
-                                </QTooltip>
-                            </QBtn>
-                            <QBtn flat icon="preview" @click.stop="viewSummary(row.id)">
-                                <QTooltip>
-                                    {{ t('components.smartCard.openSummary') }}
-                                </QTooltip>
-                            </QBtn>
-                            <QBtn flat icon="vn:client" @click.stop>
-                                <QTooltip>
-                                    {{ t('components.smartCard.viewDescription') }}
-                                </QTooltip>
-
                                 <CustomerDescriptorProxy :id="row.clientFk" />
                             </QBtn>
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
                         </template>
                     </CardList>
                 </template>
diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index 219ef0be3..6d450ad12 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -81,25 +81,17 @@ function viewSummary(id) {
                         </template>
                         <template #actions>
                             <QBtn
-                                flat
-                                color="primary"
-                                icon="arrow_circle_right"
+                                :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                            >
-                                <QTooltip>
-                                    {{ t('components.smartCard.openCard') }}
-                                </QTooltip>
-                            </QBtn>
+                                color="white"
+                                outline
+                            />
                             <QBtn
-                                flat
-                                color="grey-7"
-                                icon="preview"
+                                :label="t('components.smartCard.openSummary')"
                                 @click.stop="viewSummary(row.id)"
-                            >
-                                <QTooltip>
-                                    {{ t('components.smartCard.openSummary') }}
-                                </QTooltip>
-                            </QBtn>
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
                         </template>
                     </CardList>
                 </template>
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 2d2fd5093..36a0af4a3 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -10,7 +10,7 @@ import { toDate, toCurrency } from 'src/filters/index';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import InvoiceOutFilter from './InvoiceOutFilter.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import CardList2 from 'src/components/ui/CardList2.vue';
+import CardList from 'src/components/ui/CardList.vue';
 
 const { t } = useI18n();
 const arrayElements = ref([]);
@@ -177,7 +177,7 @@ const downloadCsv = (rows) => {
                             @click="downloadCsv(rows)"
                         />
                     </div>
-                    <CardList2
+                    <CardList
                         :addElement="addElement"
                         :element="row"
                         :id="row.id"
@@ -189,7 +189,6 @@ const downloadCsv = (rows) => {
                         v-for="row of rows"
                     >
                         <template #list-items>
-                            <VnLv label="ID" :value="row.id" />
                             <VnLv
                                 :label="t('invoiceOut.list.shortIssued')"
                                 :title-label="t('invoiceOut.list.issued')"
@@ -234,7 +233,7 @@ const downloadCsv = (rows) => {
                                 type="submit"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index 3b7f84343..aaf0aa27a 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -3,7 +3,7 @@ import VnPaginate from 'components/ui/VnPaginate.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
 import { onMounted, onUnmounted } from 'vue';
-import CardList2 from 'components/ui/CardList2.vue';
+import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import { useQuasar } from 'quasar';
 import { useRouter } from 'vue-router';
@@ -71,7 +71,7 @@ function viewSummary(id) {
                 auto-load
             >
                 <template #body="{ rows }">
-                    <CardList2
+                    <CardList
                         v-for="row of rows"
                         :key="row.id"
                         :id="row.id"
@@ -96,22 +96,20 @@ function viewSummary(id) {
                                 @click.stop="navigate(row.id)"
                                 color="white"
                                 outline
-                                type="reset"
                             />
                             <QBtn
                                 :label="t('components.smartCard.openSummary')"
                                 @click.stop="viewSummary(row.id)"
                                 color="primary"
                                 style="margin-top: 15px"
-                                type="submit"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
         <QPageSticky :offset="[20, 20]">
-            <RouterLink :to="{name: 'ShelvingCreate'}">
+            <RouterLink :to="{ name: 'ShelvingCreate' }">
                 <QBtn fab icon="add" color="primary" />
                 <QTooltip>
                     {{ t('supplier.list.newSupplier') }}
diff --git a/src/pages/Supplier/SupplierList.vue b/src/pages/Supplier/SupplierList.vue
index 3a674a2bc..cd632a1e7 100644
--- a/src/pages/Supplier/SupplierList.vue
+++ b/src/pages/Supplier/SupplierList.vue
@@ -4,7 +4,7 @@ import { useStateStore } from 'stores/useStateStore';
 import { useRouter } from 'vue-router';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import CardList2 from 'src/components/ui/CardList2.vue';
+import CardList from 'src/components/ui/CardList.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import { useQuasar } from 'quasar';
 import SupplierSummaryDialog from './Card/SupplierSummaryDialog.vue';
@@ -47,7 +47,7 @@ const viewSummary = (id) => {
         <div class="card-list">
             <VnPaginate data-key="SuppliersList" url="Suppliers/filter" auto-load>
                 <template #body="{ rows }">
-                    <CardList2
+                    <CardList
                         v-for="row of rows"
                         :key="row.id"
                         :title="row.socialName"
@@ -82,7 +82,7 @@ const viewSummary = (id) => {
                                 color="primary"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 5826423d1..7198b723a 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -120,11 +120,11 @@ function viewSummary(id) {
                             />
                         </template>
                         <template #actions>
-                            <QBtn flat icon="preview" @click.stop="viewSummary(row.id)">
-                                <QTooltip>
-                                    {{ t('components.smartCard.openSummary') }}
-                                </QTooltip>
-                            </QBtn>
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id)"
+                                color="primary"
+                            />
                         </template>
                     </CardList>
                 </template>
diff --git a/src/pages/Travel/TravelList.vue b/src/pages/Travel/TravelList.vue
index 2a4f312a1..c7f4a6df5 100644
--- a/src/pages/Travel/TravelList.vue
+++ b/src/pages/Travel/TravelList.vue
@@ -5,7 +5,7 @@ import { toDate } from 'src/filters/index';
 
 import { useRouter } from 'vue-router';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import CardList2 from 'src/components/ui/CardList2.vue';
+import CardList from 'src/components/ui/CardList.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import TravelSummaryDialog from './Card/TravelSummaryDialog.vue';
 import { useTravelStore } from 'src/stores/travel.js';
@@ -62,7 +62,7 @@ onMounted(async () => {
                 order="shipped DESC, landed DESC"
             >
                 <template #body="{ rows }">
-                    <CardList2
+                    <CardList
                         v-for="row of rows"
                         :key="row.id"
                         :title="row.ref"
@@ -119,7 +119,7 @@ onMounted(async () => {
                                 type="submit"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index bcc3b7ffa..504b40353 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -5,7 +5,7 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import CardList2 from 'components/ui/CardList2.vue';
+import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
@@ -50,7 +50,7 @@ async function remove(row) {
                 auto-load
             >
                 <template #body="{ rows }">
-                    <CardList2
+                    <CardList
                         v-for="row of rows"
                         :key="row.id"
                         :title="(row.name || '').toString()"
@@ -66,7 +66,6 @@ async function remove(row) {
                                 @click.stop="navigate(row.id)"
                                 color="white"
                                 outline
-                                type="submit"
                             />
                             <QBtn
                                 :label="t('wagon.list.remove')"
@@ -75,7 +74,7 @@ async function remove(row) {
                                 style="margin-top: 15px"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index e936f075b..73db61646 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -5,7 +5,7 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import CardList2 from 'components/ui/CardList2.vue';
+import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
@@ -57,7 +57,7 @@ async function remove(row) {
                 auto-load
             >
                 <template #body="{ rows }">
-                    <CardList2
+                    <CardList
                         v-for="row of rows"
                         :key="row.id"
                         :title="(row.label || '').toString()"
@@ -83,7 +83,6 @@ async function remove(row) {
                                 @click.stop="navigate(row.id)"
                                 color="white"
                                 outline
-                                type="submit"
                             />
                             <QBtn
                                 :label="t('wagon.list.remove')"
@@ -92,7 +91,7 @@ async function remove(row) {
                                 style="margin-top: 15px"
                             />
                         </template>
-                    </CardList2>
+                    </CardList>
                 </template>
             </VnPaginate>
         </div>
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index cb75cdee3..be679f3a4 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -85,19 +85,17 @@ function viewSummary(id) {
                         </template>
                         <template #actions>
                             <QBtn
-                                flat
-                                icon="arrow_circle_right"
+                                :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                            >
-                                <QTooltip>
-                                    {{ t('components.smartCard.openCard') }}
-                                </QTooltip>
-                            </QBtn>
-                            <QBtn flat icon="preview" @click.stop="viewSummary(row.id)">
-                                <QTooltip>
-                                    {{ t('components.smartCard.openSummary') }}
-                                </QTooltip>
-                            </QBtn>
+                                color="white"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
                         </template>
                     </CardList>
                 </template>