diff --git a/src/content/docs/en/tutorial/3-components/1.mdx b/src/content/docs/en/tutorial/3-components/1.mdx
index f55dbde77a819..6dd3780e5d366 100644
--- a/src/content/docs/en/tutorial/3-components/1.mdx
+++ b/src/content/docs/en/tutorial/3-components/1.mdx
@@ -52,9 +52,12 @@ To hold `.astro` files that will generate HTML but that will not become new page
 <Steps>
 1. Go back to `index.astro` and import your new component inside the code fence:
 
-    ```astro title="src/pages/index.astro"
+    ```astro title="src/pages/index.astro" ins={2}
     ---
     import Navigation from '../components/Navigation.astro';
+    import "../styles/global.css";
+
+    const pageTitle = "Home Page";
     ---
     ```