diff --git a/src/components/DocPill.vue b/src/components/DocPill.vue
index 036b7b5..eef94b0 100644
--- a/src/components/DocPill.vue
+++ b/src/components/DocPill.vue
@@ -91,6 +91,7 @@ const pill = defineProps<Pill>()
   display: inline-flex;
   align-items: center;
   gap: 0.25em;
+  transform: translateY(1px);
   transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
   margin: 0 0.125em;
   border: 1px solid var(--Pill-border);
diff --git a/src/theme/components-var.css b/src/theme/components-var.css
index 30bfb73..38c181f 100644
--- a/src/theme/components-var.css
+++ b/src/theme/components-var.css
@@ -99,7 +99,7 @@
   --Pill-bg-hover: var(--vp-c-brand-soft);
   --Pill-border-hover: var(--vp-c-brand-soft);
   --Pill-boxshadow-hover: 0 2px 4px rgba(0, 0, 0, 0.1);
-  --Pill-transform-hover: translateY(-1px);
+  --Pill-transform-hover: translateY(0px);
   --Pill-transform-active: scale(0.95);
 
   /**