diff --git a/src/components/05_quotation/QuotationCard.vue b/src/components/05_quotation/QuotationCard.vue
index d0db2d8b..01975d30 100644
--- a/src/components/05_quotation/QuotationCard.vue
+++ b/src/components/05_quotation/QuotationCard.vue
@@ -99,10 +99,7 @@ const rand = Math.random();
         {{ title || '-' }}
       </q-tooltip>
     </div>
-    <div
-      class="ellipsis q-px-xs q-mb-sm"
-      style="color: hsla(var(--gray-8-hsl) / 0.7); font-size: 80%"
-    >
+    <div class="ellipsis q-px-xs q-mb-sm app-text-muted" style="font-size: 80%">
       {{ code || '-' }}
       <q-tooltip anchor="bottom start" self="top left">
         {{ title || '-' }}