From ddc7cd9e157d05084126fdfe4571d830f3382b33 Mon Sep 17 00:00:00 2001
From: "Mohd. Nisab" <nisabmohd@gmail.com>
Date: Tue, 10 Jun 2025 12:18:55 +0530
Subject: [PATCH] The heading scroll top issue fix

---
 src/components/Markdown.res | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Markdown.res b/src/components/Markdown.res
index 5cc9f3727..6df236a47 100644
--- a/src/components/Markdown.res
+++ b/src/components/Markdown.res
@@ -136,7 +136,7 @@ module H2 = {
   @react.component
   let make = (~id, ~children) => <>
     // Here we know that children is always a string (## headline)
-    <h2 id className="group mt-16 mb-3 hl-3 scroll-mt-24">
+    <h2 id className="group mt-16 mb-3 hl-3 scroll-mt-32">
       children
       <span className="ml-2">
         <Anchor id />
@@ -148,7 +148,7 @@ module H2 = {
 module H3 = {
   @react.component
   let make = (~id, ~children) =>
-    <h3 id className="group mt-8 mb-4 hl-4 scroll-mt-24">
+    <h3 id className="group mt-8 mb-4 hl-4 scroll-mt-32">
       children
       <span className="ml-2">
         <Anchor id />
@@ -159,7 +159,7 @@ module H3 = {
 module H4 = {
   @react.component
   let make = (~id, ~children) =>
-    <h4 id className="group mt-8 hl-5 scroll-mt-24">
+    <h4 id className="group mt-8 hl-5 scroll-mt-32">
       children
       <span className="ml-2">
         <Anchor id />