diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 8cb59ee49..b44225797 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -150,14 +150,14 @@ function handleClick(event: MouseEvent) {
   @apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;
 }
 
-.readme :deep(a[href^='#']::after) {
+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']::after) {
   /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
   content: '__';
   @apply inline i-lucide:link rtl-flip ms-1 opacity-0;
   font-size: 0.75em;
 }
 
-.readme :deep(a[href^='#']:hover::after) {
+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']:hover::after) {
   @apply opacity-100;
 }