diff --git a/src/assets/css/blocks/pill.css b/src/assets/css/blocks/pill.css
index 66a9d30..c49ce44 100644
--- a/src/assets/css/blocks/pill.css
+++ b/src/assets/css/blocks/pill.css
@@ -1,11 +1,17 @@
 .pill {
   background-color: var(--color-bg-soft);
-  border-radius: 0.5rem;
+  border-radius: 1rem;
+  transition: transform var(--transition-duration);
 }
 
 .pill:hover {
   background-color: var(--color-text);
   color: var(--color-bg);
+  transform: translateY(-2px);
+}
+
+.pill:active {
+  transform: translateY(2px);
 }
 
 a.pill {
diff --git a/src/content/pages/tags.html b/src/content/pages/tags.html
index d025297..1e50202 100644
--- a/src/content/pages/tags.html
+++ b/src/content/pages/tags.html
@@ -12,7 +12,7 @@ title: All tags
             {% set key = tag | first %}
             {% set count = tag | last %}
             <li>
-                <a href="/tag/{{ key }}" class="[ pill ] [ px-1 py-0.5 ]">{{ key }} <span class="[ pill-count ]">{{ count }}</span></a>
+                <a href="/tag/{{ key }}" class="[ pill ] [ flex px-1 py-0.5 gap-0.5 ]">{{ key }} <span class="[ pill-count ]">{{ count }}</span></a>
             </li>
         {% endfor %}
     </ol>