diff --git a/app/pages/portfolio/index.vue b/app/pages/portfolio/index.vue
index 747f823..25a1438 100644
--- a/app/pages/portfolio/index.vue
+++ b/app/pages/portfolio/index.vue
@@ -88,7 +88,10 @@ function updateTag(index: number) {
                 size="sm"
                 :ui="{ rounded: 'rounded-full' }"
               >
-                {{ TAGS.find(color => color.label.toLowerCase() === tag)?.label }}
+                <div class="flex gap-1 items-center">
+                  <UIcon :name="TAGS.find(icon => icon.label.toLowerCase() === tag)?.icon" size="16" />
+                  <p>{{ TAGS.find(color => color.label.toLowerCase() === tag)?.label }}</p>
+                </div>
               </UBadge>
             </ClientOnly>
           </div>