diff --git a/documentation/docs/data/packages/strapi-v4/index.md b/documentation/docs/data/packages/strapi-v4/index.md
index fad5c22e349b..0edafc913770 100644
--- a/documentation/docs/data/packages/strapi-v4/index.md
+++ b/documentation/docs/data/packages/strapi-v4/index.md
@@ -409,7 +409,7 @@ const App: React.FC = () => {
 render(<App />);
 ```
 
-##### Relations Population for `/me` request
+#### Relations Population for `/me` request
 
 If you need to the population for the `/me` request you can use it like this in your `authProvider`.
 
diff --git a/documentation/docs/guides-concepts/forms/index.md b/documentation/docs/guides-concepts/forms/index.md
index 001d10354bb6..41e28237e133 100644
--- a/documentation/docs/guides-concepts/forms/index.md
+++ b/documentation/docs/guides-concepts/forms/index.md
@@ -332,7 +332,7 @@ useForm({
 });
 ```
 
-##### **Usage of `<UnsavedChangesNotifier />`**
+#### **Usage of `<UnsavedChangesNotifier />`**
 
 <Tabs wrapContent={false}>
 <TabItem value="react-router" label="React Router">
diff --git a/documentation/src/components/sandpack/index.tsx b/documentation/src/components/sandpack/index.tsx
index 31a13c9b1602..1d9225e160b5 100644
--- a/documentation/src/components/sandpack/index.tsx
+++ b/documentation/src/components/sandpack/index.tsx
@@ -388,6 +388,7 @@ const SandpackBase = ({
         <div className={clsx(showConsole ? "block" : "hidden", "h-[200px]")} />
       </div>
       <section className="hidden max-w-0 max-h-0">
+        <h6>Code Example</h6>
         <p>{`Dependencies: ${Object.keys(dependencies ?? {}).map(
           (k) => `${k}@${dependencies[k]}`,
         )}`}</p>
diff --git a/documentation/src/refine-theme/common-admonition.tsx b/documentation/src/refine-theme/common-admonition.tsx
index bd9849b114e8..8bb1c51bfa18 100644
--- a/documentation/src/refine-theme/common-admonition.tsx
+++ b/documentation/src/refine-theme/common-admonition.tsx
@@ -115,7 +115,7 @@ export const Admonition = ({ type, title, children }: Props) => {
         )}
       >
         {(title || titles[type]) && (
-          <div
+          <h6
             className={clsx(
               "flex",
               "items-center",
@@ -128,7 +128,7 @@ export const Admonition = ({ type, title, children }: Props) => {
           >
             <Icon />
             <span className="uppercase">{title ?? titles[type] ?? ""}</span>
-          </div>
+          </h6>
         )}
         <div className={clsx("text-gray-0", "text-base", "last:mb-0")}>
           {children}
diff --git a/documentation/src/refine-theme/common-tab-item.tsx b/documentation/src/refine-theme/common-tab-item.tsx
index cf62eaf4fed3..b5dae2b7bcf4 100644
--- a/documentation/src/refine-theme/common-tab-item.tsx
+++ b/documentation/src/refine-theme/common-tab-item.tsx
@@ -1,9 +1,19 @@
 import React from "react";
 import clsx from "clsx";
 
-export default function CommonTabItem({ children, hidden, className }) {
+export default function CommonTabItem({
+  children,
+  hidden,
+  className,
+  label,
+  value,
+  ...props
+}) {
+  const tabHeading = label || value;
+
   return (
     <div role="tabpanel" className={clsx(className)} {...{ hidden }}>
+      <h5 className="hidden max-w-0 max-h-0">{tabHeading}</h5>
       {children}
     </div>
   );