diff --git a/src/components/04_product-service/ProductCardComponent.vue b/src/components/04_product-service/ProductCardComponent.vue
index fa5c6fd6..93252422 100644
--- a/src/components/04_product-service/ProductCardComponent.vue
+++ b/src/components/04_product-service/ProductCardComponent.vue
@@ -37,7 +37,7 @@ withDefaults(
   >
     <div
       class="relative-position rounded q-pb-lg"
-      :style="`background-color:hsla(${color}/0.1)`"
+      :style="`background-color:hsla(${color}/.2)`"
     >
       <div class="row justify-between items-center">
         <q-avatar