diff --git a/src/components/organisms/work-timeline-item.astro b/src/components/organisms/work-timeline-item.astro
index c64d8cd..f5acf4a 100644
--- a/src/components/organisms/work-timeline-item.astro
+++ b/src/components/organisms/work-timeline-item.astro
@@ -46,13 +46,21 @@ const WorkTimelineItem = 'div';
       )
     }
   </ul>
-  <div class:list={['flex', 'gap-3', 'flex-wrap', 'sm:flex-nowrap', 'mt-3']}>
+  <div class:list={['flex', 'gap-3', 'flex-wrap', 'mt-3']}>
     {
-      job.tags.map((t) => (
-        <Tag name={t.icon} color={t.iconColor}>
-          {t.name}
-        </Tag>
-      ))
+      job.tags.map(({ icon, iconColor, name, url }) => {
+        return url ? (
+          <a href={url} target="_blank" rel="noopener noreferrer">
+            <Tag name={icon} color={iconColor}>
+              {name}
+            </Tag>
+          </a>
+        ) : (
+          <Tag name={icon} color={iconColor}>
+            {name}
+          </Tag>
+        );
+      })
     }
   </div>
 </WorkTimelineItem>
diff --git a/src/types/icon.ts b/src/types/icon.ts
index 5ab2d0e..3ecaafa 100644
--- a/src/types/icon.ts
+++ b/src/types/icon.ts
@@ -1,3 +1,3 @@
-import type { CircleFlags, Fa6Brands, Fa6Solid, SimpleIcons } from 'iconify-icon-names';
+import type { CircleFlags, Fa6Brands, Fa6Solid, Logos, SimpleIcons } from 'iconify-icon-names';
 
-export type IconName = Fa6Brands | Fa6Solid | SimpleIcons | CircleFlags;
+export type IconName = Fa6Brands | Fa6Solid | SimpleIcons | CircleFlags | Logos;