diff --git a/src/components/ui/CatalogItem.vue b/src/components/ui/CatalogItem.vue
index f5698f8b9..bfec50254 100644
--- a/src/components/ui/CatalogItem.vue
+++ b/src/components/ui/CatalogItem.vue
@@ -60,9 +60,9 @@ const card = toRef(props, 'item');
                 <div class="footer q-mt-auto">
                     <div class="price">
                         <p v-if="isCatalog">
-                            <span class="available">{{ card.available }}</span>
+                            <span class="text-primary">{{ card.available }}</span>
                             {{ t('to') }}
-                            <span class="price-value">{{ toCurrency(card.price) }}</span>
+                            <span class="text-bold" >{{ toCurrency(card.price) }}</span>
                         </p>
                         <slot name="price" />
                         <QIcon v-if="isCatalog" name="add_circle" class="icon">
@@ -158,14 +158,6 @@ const card = toRef(props, 'item');
       font-size: 12px;
     }
 
-    .available {
-    color: $primary;
-    }
-
-    .price-value {
-      font-weight: bold;
-    }
-
     .icon {
       color: $primary;
       font-size: 24px;