diff --git a/src/pages/Order/Card/OrderCatalogItem.vue b/src/components/ui/CatalogItem.vue
similarity index 100%
rename from src/pages/Order/Card/OrderCatalogItem.vue
rename to src/components/ui/CatalogItem.vue
diff --git a/src/pages/Order/OrderCatalog.vue b/src/pages/Order/OrderCatalog.vue
index 1474bbde4..2cf6e1c29 100644
--- a/src/pages/Order/OrderCatalog.vue
+++ b/src/pages/Order/OrderCatalog.vue
@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router';
 import { onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnPaginate from 'components/ui/VnPaginate.vue';
-import OrderCatalogItem from 'pages/Order/Card/OrderCatalogItem.vue';
+import CatalogItem from 'components/ui/CatalogItem.vue';
 import OrderCatalogFilter from 'pages/Order/Card/OrderCatalogFilter.vue';
 
 const route = useRoute();
@@ -77,7 +77,7 @@ function extractValueTags(items) {
                         <div v-if="rows && !rows?.length" class="no-result">
                             {{ t('globals.noResults') }}
                         </div>
-                        <OrderCatalogItem
+                        <CatalogItem
                             v-for="row in rows"
                             :key="row.id"
                             :item="row"
diff --git a/src/pages/Ticket/Card/TicketPicture.vue b/src/pages/Ticket/Card/TicketPicture.vue
index e319ef963..604d6c804 100644
--- a/src/pages/Ticket/Card/TicketPicture.vue
+++ b/src/pages/Ticket/Card/TicketPicture.vue
@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
-import OrderCatalogItem from 'pages/Order/Card/OrderCatalogItem.vue';
+import CatalogItem from 'components/ui/CatalogItem.vue';
 
 import { toCurrency } from 'filters/index';
 
@@ -32,7 +32,7 @@ const sales = ref([]);
         auto-load
     />
     <div class="pictures-list">
-        <OrderCatalogItem v-for="(sale, index) in sales" :key="index" :item="sale.item">
+        <CatalogItem v-for="(sale, index) in sales" :key="index" :item="sale.item">
             <template #price>
                 <div class="q-mt-md full-width row justify-between items-center">
                     <span class="text-h6">{{ sale.quantity }}</span>
@@ -40,7 +40,7 @@ const sales = ref([]);
                     <span class="text-h6">{{ toCurrency(sale.item?.price) }}</span>
                 </div>
             </template>
-        </OrderCatalogItem>
+        </CatalogItem>
     </div>
 </template>