diff --git a/apps/docs/src/components/fragments/on-this-page.tsx b/apps/docs/src/components/fragments/on-this-page.tsx
index 1f82c826..df738341 100644
--- a/apps/docs/src/components/fragments/on-this-page.tsx
+++ b/apps/docs/src/components/fragments/on-this-page.tsx
@@ -41,7 +41,7 @@ const OnThisPage: Component<OnThisPageProps> = (props) => {
   const handleClick = (event: MouseEvent): void => {
     const target = event.target as HTMLElement;
 
-    if (target.matches("h1, h2, h3, h4, h5, h6")) {
+    if (target.matches("h2, h3")) {
       const { id } = target;
 
       if (id) {
diff --git a/apps/docs/src/styles/styles.scss b/apps/docs/src/styles/styles.scss
index d4f52dea..764ab77c 100644
--- a/apps/docs/src/styles/styles.scss
+++ b/apps/docs/src/styles/styles.scss
@@ -102,7 +102,7 @@ kbd {
   }
 
   font-kerning: none;
-  :where(h1, h2, h3, h4, h5, h6):not(:where(.not-prose, .not-prose *)) {
+  :where(h2, h3):not(:where(.not-prose, .not-prose *)) {
     @apply m-0 relative hover:cursor-pointer;
     &::before {
       @apply hidden md:block absolute pr-6 -left-6 transform scale-90 text-gray-500 dark:text-gray-400 opacity-0;
@@ -112,6 +112,9 @@ kbd {
       @apply opacity-100;
     }
   }
+  h3:not(:where(.not-prose, .not-prose *))::before {
+    @apply pr-5 -left-5;
+  }
 
   :where(ul p, ol p):not(:where(.not-prose, .not-prose *)) {
     @apply m-0;