Fixing headings clash

Author: Oxyjun

src/content/docs/ai-audit/features/manage-ai-crawlers.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Steps, GlossaryTooltip, Tabs, TabItem } from "~/components";
+import { Steps, GlossaryTooltip, Tabs, TabItem, Example } from "~/components";
 
 AI Audit enables you to take specific action for each AI crawler.
 
@@ -44,27 +44,11 @@ The **AI Crawlers** tab displays a table of AI crawlers that are requesting acce
 ## Take action for each AI crawler
 
 <Tabs>
-<TabItem label="Without pay per crawl">
-
-For each AI crawler, you can choose to block or allow access.
-
-### Block access
-
-You can block an AI crawler to completely stop the AI crawler from scraping your webpage.
-
-Use the toggles in the **Block** column to block specific AI crawlers from accessing your content.
-
-### Allow access
-
-You can allow an AI crawler to scrape your content. Note that you can still choose to [Enforce `robots.txt`](/ai-audit/features/manage-ai-crawlers/#take-action-for-each-ai-crawler).
-
-For more details on how this rule interacts with other Cloudflare settings, refer to [How it works](/bots/concepts/bot/#how-it-works).
-
-</TabItem><TabItem label="With pay per crawl">
+<TabItem label="With pay per crawl">
 
 For each AI crawler, you can take one of three actions: allow, charge, or block.
 
-### Allow access
+<Example title="Allow access">
 
 You can allow an AI crawler to scrape your content.
 
@@ -74,19 +58,43 @@ Note that you can still choose to [Enforce `robots.txt`](/ai-audit/features/mana
 
 For more details on how this rule interacts with other Cloudflare settings, refer to [How it works](/bots/concepts/bot/#how-it-works).
 
-### Charge for crawl (Enterprise only)
+</Example>
+
+<Example title="Charge for crawl (Enterprise only)">
 
 You can charge the owner of the AI crawler for each crawl request.
 
 From the **Actions** column, select **Charge**.
 
 For more information, refer to [What is Pay Per Crawl?](/ai-audit/features/pay-per-crawl/what-is-pay-per-crawl/).
 
-### Block access
+</Example>
+
+<Example title="Block access">
 
 You can block an AI crawler to completely stop the AI crawler from scraping your webpage.
 
 From the **Actions** column, select **Block**.
+</Example>
+
+</TabItem>
+<TabItem label="Without pay per crawl">
+
+For each AI crawler, you can choose to allow or block access.
+
+<Example title="Allow access">
+
+You can allow an AI crawler to scrape your content. Note that you can still choose to [Enforce `robots.txt`](/ai-audit/features/manage-ai-crawlers/#take-action-for-each-ai-crawler).
+
+For more details on how this rule interacts with other Cloudflare settings, refer to [How it works](/bots/concepts/bot/#how-it-works).
+
+</Example>
+
+<Example title="Block access">
+You can block an AI crawler to completely stop the AI crawler from scraping your webpage.
+
+Use the toggles in the **Block** column to block specific AI crawlers from accessing your content.
+</Example>
 
 </TabItem>
 </Tabs>