From 6c2cc285666c93661ae94b7a8adc910ed089d0e9 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 11:50:48 +0530
Subject: [PATCH 1/8] added main

---
 src/components/Page/Page.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Page/Page.jsx b/src/components/Page/Page.jsx
index d74a46b8cc62..bc29140bcf07 100644
--- a/src/components/Page/Page.jsx
+++ b/src/components/Page/Page.jsx
@@ -100,6 +100,7 @@ export default function Page(props) {
   }
   return (
     <section className="page">
+      <main id="main-content">
       <Markdown>
         <h1>{title}</h1>
 
@@ -143,6 +144,7 @@ export default function Page(props) {
           </div>
         )}
       </Markdown>
+        </main>
     </section>
   );
 }

From 6e040662819b27ab9708c3e5035b162707b53d99 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 12:24:59 +0530
Subject: [PATCH 2/8] fix: headings

---
 src/remark-plugins/remark-custom-asides/index.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/remark-plugins/remark-custom-asides/index.mjs b/src/remark-plugins/remark-custom-asides/index.mjs
index 5bb8588b935d..6b41957135d2 100644
--- a/src/remark-plugins/remark-custom-asides/index.mjs
+++ b/src/remark-plugins/remark-custom-asides/index.mjs
@@ -37,11 +37,11 @@ export default function remarkCustomAsides(
         // remove custom characters from paragraph
         node.children = [
           {
-            type: "heading",
-            depth: 6,
+            type: "paragraph",
             data: {
               // see https://github.com/syntax-tree/mdast-util-to-hast#hname
               // add a className to heading
+              hName: "p",
               hProperties: {
                 className: `${className}__prefix`,
               },

From 66e7992e069347dd250ab7f5e88dcc7aa321439f Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 12:28:55 +0530
Subject: [PATCH 3/8] revert: remove unintended Page.jsx changes from PR

---
 src/components/Page/Page.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Page/Page.jsx b/src/components/Page/Page.jsx
index bc29140bcf07..d74a46b8cc62 100644
--- a/src/components/Page/Page.jsx
+++ b/src/components/Page/Page.jsx
@@ -100,7 +100,6 @@ export default function Page(props) {
   }
   return (
     <section className="page">
-      <main id="main-content">
       <Markdown>
         <h1>{title}</h1>
 
@@ -144,7 +143,6 @@ export default function Page(props) {
           </div>
         )}
       </Markdown>
-        </main>
     </section>
   );
 }

From f0e9115d7deda0145358db6af8e38cd08882dee7 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 12:49:29 +0530
Subject: [PATCH 4/8] test: update aside prefix snapshot

---
 .../remark-custom-asides/__snapshots__/index.test.mjs.snap      | 2 +-
 src/remark-plugins/remark-custom-asides/index.test.mjs          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap b/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
index 8c48ad1756b4..fed7d91e4e55 100644
--- a/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
+++ b/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`customize blockquote should transform W> into aside of warning 1`] = `
-"<aside class="warning"><h6 class="warning__prefix">warning</h6><p>hello world</p></aside>
+"<aside class="warning"><p class="warning__prefix">warning</p><p>hello world</p></aside>
 "
 `;
diff --git a/src/remark-plugins/remark-custom-asides/index.test.mjs b/src/remark-plugins/remark-custom-asides/index.test.mjs
index 731e4b5040ce..fac324627734 100644
--- a/src/remark-plugins/remark-custom-asides/index.test.mjs
+++ b/src/remark-plugins/remark-custom-asides/index.test.mjs
@@ -20,7 +20,7 @@ W> hello world
         (err, { value: contents }) => {
           expect(err).toBeUndefined();
           expect(contents).toContain('<aside class="warning"');
-          expect(contents).toContain('<h6 class="warning__prefix"');
+          expect(contents).toContain('<p class="warning__prefix"');
           expect(contents).toContain("warning");
           expect(contents).toMatchSnapshot();
         },

From 3b0f322465109e4613c186fdf289e9a4c12ac354 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 13:39:51 +0530
Subject: [PATCH 5/8] label

---
 src/components/Sidebar/Sidebar.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
index 6ece469b3300..64e2ee3ba70f 100644
--- a/src/components/Sidebar/Sidebar.jsx
+++ b/src/components/Sidebar/Sidebar.jsx
@@ -31,7 +31,11 @@ export default function Sidebar({ className = "", pages, currentPage }) {
     <nav className={`sidebar ${className}`}>
       <div className="sidebar__inner">
         <div className="relative z-0 bg-white dark:bg-gray-100 ">
+          <label htmlFor="docs-version" className="sr-only">
+            Select webpack version
+          </label>
           <select
+            id="docs-version"
             className="text-gray-600 text-14 px-5 py-5 appearance-none box-border border border-gray-200 border-solid flex-col flex w-full rounded-none bg-transparent bg-none"
             value={version}
             onChange={(event) => {

From d149d91497a3d5e43b62bd503b075e75b21ffba9 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 13:45:26 +0530
Subject: [PATCH 6/8] revert: remove unintended changes from PR

---
 .../remark-custom-asides/__snapshots__/index.test.mjs.snap    | 2 +-
 src/remark-plugins/remark-custom-asides/index.mjs             | 4 ++--
 src/remark-plugins/remark-custom-asides/index.test.mjs        | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap b/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
index fed7d91e4e55..8c48ad1756b4 100644
--- a/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
+++ b/src/remark-plugins/remark-custom-asides/__snapshots__/index.test.mjs.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`customize blockquote should transform W> into aside of warning 1`] = `
-"<aside class="warning"><p class="warning__prefix">warning</p><p>hello world</p></aside>
+"<aside class="warning"><h6 class="warning__prefix">warning</h6><p>hello world</p></aside>
 "
 `;
diff --git a/src/remark-plugins/remark-custom-asides/index.mjs b/src/remark-plugins/remark-custom-asides/index.mjs
index 6b41957135d2..5bb8588b935d 100644
--- a/src/remark-plugins/remark-custom-asides/index.mjs
+++ b/src/remark-plugins/remark-custom-asides/index.mjs
@@ -37,11 +37,11 @@ export default function remarkCustomAsides(
         // remove custom characters from paragraph
         node.children = [
           {
-            type: "paragraph",
+            type: "heading",
+            depth: 6,
             data: {
               // see https://github.com/syntax-tree/mdast-util-to-hast#hname
               // add a className to heading
-              hName: "p",
               hProperties: {
                 className: `${className}__prefix`,
               },
diff --git a/src/remark-plugins/remark-custom-asides/index.test.mjs b/src/remark-plugins/remark-custom-asides/index.test.mjs
index fac324627734..731e4b5040ce 100644
--- a/src/remark-plugins/remark-custom-asides/index.test.mjs
+++ b/src/remark-plugins/remark-custom-asides/index.test.mjs
@@ -20,7 +20,7 @@ W> hello world
         (err, { value: contents }) => {
           expect(err).toBeUndefined();
           expect(contents).toContain('<aside class="warning"');
-          expect(contents).toContain('<p class="warning__prefix"');
+          expect(contents).toContain('<h6 class="warning__prefix"');
           expect(contents).toContain("warning");
           expect(contents).toMatchSnapshot();
         },

From 6899174a07f2b72c9198594df4235571c32db378 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 15:11:23 +0530
Subject: [PATCH 7/8] revert

---
 src/components/Sidebar/Sidebar.jsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
index 64e2ee3ba70f..6ece469b3300 100644
--- a/src/components/Sidebar/Sidebar.jsx
+++ b/src/components/Sidebar/Sidebar.jsx
@@ -31,11 +31,7 @@ export default function Sidebar({ className = "", pages, currentPage }) {
     <nav className={`sidebar ${className}`}>
       <div className="sidebar__inner">
         <div className="relative z-0 bg-white dark:bg-gray-100 ">
-          <label htmlFor="docs-version" className="sr-only">
-            Select webpack version
-          </label>
           <select
-            id="docs-version"
             className="text-gray-600 text-14 px-5 py-5 appearance-none box-border border border-gray-200 border-solid flex-col flex w-full rounded-none bg-transparent bg-none"
             value={version}
             onChange={(event) => {

From ab7951e0384ab9349f8c9efff81a553ef33cb0f8 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Thu, 19 Feb 2026 15:12:55 +0530
Subject: [PATCH 8/8] headline

---
 src/components/Markdown/Markdown.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Markdown/Markdown.scss b/src/components/Markdown/Markdown.scss
index 50075c8512d9..913e3048c1e7 100644
--- a/src/components/Markdown/Markdown.scss
+++ b/src/components/Markdown/Markdown.scss
@@ -357,7 +357,11 @@ $topHeightMobileWithBanner: $bannerHeight + $topHeightMobile;
   a code {
     color: $text-color-highlight;
   }
-
+  a {
+    text-decoration: underline;
+    text-underline-offset: 2px;
+    text-decoration-thickness: 1px;
+  }
   pre {
     background-color: rgba(238, 238, 238, 0.35);
     background-color: getColor(elephant);