diff --git a/website/docs/concepts/function-components/introduction.mdx b/website/docs/concepts/function-components/introduction.mdx
index 8acf12b6296..bd3301abc57 100644
--- a/website/docs/concepts/function-components/introduction.mdx
+++ b/website/docs/concepts/function-components/introduction.mdx
@@ -59,9 +59,9 @@ For the previous example, this would look like this:
 
 ```xhtml
 <App>
-  <HelloWorld>
-    <p>"Hello world"</p>
-  </HelloWord>
+    <HelloWorld>
+        <p>"Hello world"</p>
+    </HelloWorld>
 </App>
 ```
 
diff --git a/website/versioned_docs/version-0.20/concepts/function-components/introduction.mdx b/website/versioned_docs/version-0.20/concepts/function-components/introduction.mdx
index 994b6e94e22..99e43e53763 100644
--- a/website/versioned_docs/version-0.20/concepts/function-components/introduction.mdx
+++ b/website/versioned_docs/version-0.20/concepts/function-components/introduction.mdx
@@ -59,9 +59,9 @@ For the previous example this would look like this:
 
 ```xhtml
 <App>
-  <HelloWorld>
-    <p>"Hello world"</p>
-  </HelloWord>
+    <HelloWorld>
+        <p>"Hello world"</p>
+    </HelloWorld>
 </App>
 ```