diff --git a/src/web/components/tag.astro b/src/web/components/tag.astro
index 4d39f0b..33ffc9b 100644
--- a/src/web/components/tag.astro
+++ b/src/web/components/tag.astro
@@ -12,7 +12,13 @@ const className =
 
 {
   url ? (
-    <a class={className} data-tooltip={description} href={url} target="_blank" rel="noopener noreferrer">
+    <a
+      class:list={[className, 'hover:bg-gray-200 dark:hover:bg-gray-600']}
+      data-tooltip={description}
+      href={url}
+      target="_blank"
+      rel="noopener noreferrer"
+    >
       {icon && <Icon name={icon} color={iconColor} size={16} />}
       {name}
     </a>