diff --git a/docs/config/index.md b/docs/config/index.md
index 6f0d27ced..cdf686c4b 100644
--- a/docs/config/index.md
+++ b/docs/config/index.md
@@ -12,9 +12,7 @@ If you are using Vite and have a `vite.config` file, Vitest will read it to matc
 
 To configure `vitest` itself, add `test` property in your Vite config. You'll also need to add a reference to Vitest types using a [triple slash command](https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-) at the top of your config file, if you are importing `defineConfig` from `vite` itself.
 
-<details>
-  <summary>Open Config Examples</summary>
-
+::: details Open Config Examples
 Using `defineConfig` from `vite` you should follow this:
 
 ```ts [vite.config.js]
@@ -93,7 +91,7 @@ export default defineConfig(configEnv => mergeConfig(
   })
 ))
 ```
-</details>
+:::
 
 ::: warning
 _All listed options_ on this page are located within a `test` property inside the configuration:
diff --git a/docs/guide/improving-performance.md b/docs/guide/improving-performance.md
index eccba4529..9c25fcd44 100644
--- a/docs/guide/improving-performance.md
+++ b/docs/guide/improving-performance.md
@@ -91,9 +91,7 @@ Collect the results stored in `.vitest-reports` directory from each machine and
 vitest --merge-reports
 ```
 
-<details>
-  <summary>Github action example</summary>
-
+::: details Github action example
 This setup is also used at https://github.com/vitest-tests/test-sharding.
 
 ```yaml
@@ -162,7 +160,7 @@ jobs:
         run: npx vitest --merge-reports
 ```
 
-</details>
+:::
 
 :::tip
 Test sharding can also become useful on high CPU-count machines.
diff --git a/docs/guide/in-source.md b/docs/guide/in-source.md
index 9a9c2507f..3864d7a08 100644
--- a/docs/guide/in-source.md
+++ b/docs/guide/in-source.md
@@ -70,9 +70,7 @@ export default defineConfig({
 
 ### Other Bundlers
 
-<details mt4>
-<summary text-xl>unbuild</summary>
-
+::: details unbuild
 ```ts [build.config.ts]
 import { defineBuildConfig } from 'unbuild'
 
@@ -85,12 +83,9 @@ export default defineBuildConfig({
 ```
 
 Learn more: [unbuild](https://github.com/unjs/unbuild)
+:::
 
-</details>
-
-<details my2>
-<summary text-xl>Rollup</summary>
-
+::: details Rollup
 ```ts [rollup.config.js]
 import replace from '@rollup/plugin-replace' // [!code ++]
 
@@ -105,8 +100,7 @@ export default {
 ```
 
 Learn more: [Rollup](https://rollupjs.org/)
-
-</details>
+:::
 
 ## TypeScript