diff --git a/docs/src/content/docs/es/guides/components.mdx b/docs/src/content/docs/es/guides/components.mdx
index 3e06e9e5f91..b83d04b85cb 100644
--- a/docs/src/content/docs/es/guides/components.mdx
+++ b/docs/src/content/docs/es/guides/components.mdx
@@ -36,9 +36,8 @@ Si estos estilos entran en conflicto con la apariencia de tu componente, estable
 ---
 // src/components/Ejemplo.astro
 ---
-
 <div class="not-content">
-	<p>No se ve afectado por los estilos predeterminados de contenido de Starlight.</p>
+  <p>No se ve afectado por los estilos predeterminados de contenido de Starlight.</p>
 </div>
 ```
 
@@ -109,7 +108,7 @@ Utiliza una cuadrícula de tarjetas en tu página de inicio para mostrar las car
 
 ```astro
 <CardGrid stagger>
-	<!-- tarjetas -->
+  <!-- tarjetas -->
 </CardGrid>
 ```
 
diff --git a/docs/src/content/docs/fr/guides/components.mdx b/docs/src/content/docs/fr/guides/components.mdx
index ebef4756ec6..77feb0e2fd2 100644
--- a/docs/src/content/docs/fr/guides/components.mdx
+++ b/docs/src/content/docs/fr/guides/components.mdx
@@ -42,9 +42,8 @@ Si ces styles entrent en conflit avec l'apparence de votre composant, définisse
 ---
 // src/components/Example.astro
 ---
-
 <div class="not-content">
-	<p>Contenu non affecté par les styles par défaut de Starlight.</p>
+  <p>Contenu non affecté par les styles par défaut de Starlight.</p>
 </div>
 ```
 
@@ -119,7 +118,7 @@ Ajoutez l'attribut `stagger` pour décaler verticalement la deuxième colonne de
 
 ```astro
 <CardGrid stagger>
-	<!-- cards -->
+  <!-- cards -->
 </CardGrid>
 ```
 
diff --git a/docs/src/content/docs/guides/components.mdx b/docs/src/content/docs/guides/components.mdx
index 68c4a701e2f..3a93eae58c7 100644
--- a/docs/src/content/docs/guides/components.mdx
+++ b/docs/src/content/docs/guides/components.mdx
@@ -40,9 +40,8 @@ If these styles conflict with your component’s appearance, set the `not-conten
 ---
 // src/components/Example.astro
 ---
-
 <div class="not-content">
-	<p>Not impacted by Starlight’s default content styling.</p>
+  <p>Not impacted by Starlight’s default content styling.</p>
 </div>
 ```
 
@@ -117,7 +116,7 @@ Add the `stagger` attribute to shift the second column of cards vertically and a
 
 ```astro
 <CardGrid stagger>
-	<!-- cards -->
+  <!-- cards -->
 </CardGrid>
 ```
 
diff --git a/docs/src/content/docs/it/guides/components.mdx b/docs/src/content/docs/it/guides/components.mdx
index ed3b6de3ced..67fb0eef3cb 100644
--- a/docs/src/content/docs/it/guides/components.mdx
+++ b/docs/src/content/docs/it/guides/components.mdx
@@ -98,7 +98,7 @@ Aggiungi l'attributo `stagger` per rappresentare la seconda colonna più in bass
 
 ```astro
 <CardGrid stagger>
-	<!-- cards -->
+  <!-- cards -->
 </CardGrid>
 ```
 
diff --git a/docs/src/content/docs/ja/guides/components.mdx b/docs/src/content/docs/ja/guides/components.mdx
index e2e4fdbef83..fb357b39f2a 100644
--- a/docs/src/content/docs/ja/guides/components.mdx
+++ b/docs/src/content/docs/ja/guides/components.mdx
@@ -35,9 +35,8 @@ Starlightは、Markdownコンテンツにデフォルトのスタイルを適用
 ---
 // src/components/Example.astro
 ---
-
 <div class="not-content">
-	<p>Starlightのデフォルトのコンテンツスタイルに影響を受けません。</p>
+  <p>Starlightのデフォルトのコンテンツスタイルに影響を受けません。</p>
 </div>
 ```
 
@@ -108,7 +107,7 @@ import { Card, CardGrid } from '@astrojs/starlight/components';
 
 ```astro
 <CardGrid stagger>
-	<!-- カード -->
+  <!-- カード -->
 </CardGrid>
 ```