diff --git a/frontend/components/global/product/StickyCard.vue b/frontend/components/global/product/StickyCard.vue
index f40021a..eee0c11 100644
--- a/frontend/components/global/product/StickyCard.vue
+++ b/frontend/components/global/product/StickyCard.vue
@@ -22,9 +22,12 @@ const { picture, price, title, color } = toRefs(props);
             <div class="relative size-[100px] rounded-100 overflow-hidden border-[0.5px] border-slate-200">
                 <img :src="picture" :alt="title" class="object-cover absolute" />
             </div>
-            <div class="flex flex-col gap-1">
+            <div class="flex flex-col gap-1.5">
                 <span class="typo-sub-h-md text-black">{{ title }}</span>
-                <span class="typo-p-sm text-slate-500">{{ color }}</span>
+                <div class="flex items-center gap-2">
+                    <span class="typo-p-sm text-slate-500">رنگ</span>
+                    <ColorCircle class="!size-5" :style="{backgroundColor: color}" />
+                </div>
                 <span class="typo-p-md text-black">{{ price }}</span>
             </div>
         </div>