diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index 4ae20b70c..c76c437c2 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -67,7 +67,12 @@ const filter = {
         },
     ],
 };
-
+function stateColor(state) {
+    if (state.code === 'OK') return 'text-green';
+    if (state.code === 'FREE') return 'text-blue-3';
+    if (state.alertLevel === 1) return 'text-primary';
+    if (state.alertLevel === 0) return 'text-red';
+}
 const data = ref(useCardDescription());
 const setData = (entity) =>
     (data.value = useCardDescription(entity.client.name, entity.id));
@@ -88,9 +93,9 @@ const setData = (entity) =>
         <template #body="{ entity }">
             <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
                 <template #value>
-                    <QChip square size="sm" :color="entity.ticketState.state.classColor">
+                    <span :class="stateColor(entity.ticketState.state)">
                         {{ entity.ticketState.state.name }}
-                    </QChip>
+                    </span>
                 </template>
             </VnLv>
             <VnLv :label="t('ticket.card.shipped')" :value="toDate(entity.shipped)" />
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index ba8180714..945a98925 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -136,7 +136,7 @@ async function changeState(value) {
                                         {{ t('ticket.summary.state') }}
                                     </QItemLabel>
                                     <QItemLabel
-                                        :class="`text-${ticket.ticketState.state.classColor}`"
+                                        :class="stateColor(ticket.ticketState.state)"
                                     >
                                         {{ ticket.ticketState.state.name }}
                                     </QItemLabel>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index d03cc8d16..afa504e8c 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -142,15 +142,13 @@ function viewSummary(id) {
                                                 {{ t('ticket.list.state') }}
                                             </QItemLabel>
                                             <QItemLabel>
-                                                <QChip
-                                                    square
-                                                    size="sm"
+                                                <QBadge
                                                     :color="stateColor(row)"
                                                     class="q-ma-none"
                                                     dense
                                                 >
                                                     {{ row.state }}
-                                                </QChip>
+                                                </QBadge>
                                             </QItemLabel>
                                         </QItemSection>
                                     </QItem>