diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index b99da3f9b..7c2de41a6 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -58,7 +58,7 @@ const salesFilter = computed(() => ({
                         include: {
                             relation: 'componentType',
                             scope: {
-                                fields: ['type', 'isBase'],
+                                fields: ['type', 'isBase', 'name'],
                             },
                         },
                     },
@@ -169,7 +169,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 <template>
     <FetchData
         ref="salesRef"
-        url="sales"
+        url="Sales"
         :filter="salesFilter"
         @on-fetch="(data) => (components = data)"
         auto-load
@@ -323,7 +323,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <QTd>
                 <div class="column">
                     <span v-for="(saleComponent, index) in row.components" :key="index">
-                        {{ saleComponent.component?.componentType?.type }}
+                        {{ saleComponent.component?.componentType?.name }}
                     </span>
                 </div>
             </QTd>