diff --git a/assets/css/main.css b/assets/css/main.css
index c25d741..c454443 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -38,7 +38,7 @@ h6 {
 }
 
 .heading {
-  a {
+  .anchor {
     text-decoration: none;
     font-weight: normal;
     color: var(--content-secondary);
@@ -47,7 +47,7 @@ h6 {
     font-family: var(--font-mono);
   }
 
-  &:hover a {
+  &:hover .anchor {
     visibility: visible;
   }
 }
@@ -576,4 +576,4 @@ blockquote {
 blockquote p {
   margin-left: 1rem;
   margin-right: 1rem;
-}
\ No newline at end of file
+}
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 44430d6..2699634 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,4 +1,4 @@
 <h{{ .Level }} class="heading" id="{{ .Anchor }}">
   {{ .Text }}
-  <a href="#{{ .Anchor }}">#</a>
+  <a class="anchor" href="#{{ .Anchor }}">#</a>
 </h{{ .Level }}>