From f2029ff11057626bfb8aefb2afde2d77d0f188e3 Mon Sep 17 00:00:00 2001
From: Thad Guidry <thadguidry@gmail.com>
Date: Sat, 16 Apr 2022 04:01:36 -0500
Subject: [PATCH] [docs] Improve clarity of 2 files to edit and improve
 learning (#7285)

---
 .../01-introduction/05-nested-components/text.md       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/site/content/tutorial/01-introduction/05-nested-components/text.md b/site/content/tutorial/01-introduction/05-nested-components/text.md
index 078413cc92..ae02296755 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/text.md
+++ b/site/content/tutorial/01-introduction/05-nested-components/text.md
@@ -2,9 +2,13 @@
 title: Nested components
 ---
 
-It would be impractical to put your entire app in a single component. Instead, we can import components from other files and include them as though we were including elements.
+It would be impractical to put your entire app in a single component. Instead, we can import components from other files and then use them as though we were including elements.
 
-Add a `<script>` tag that imports `Nested.svelte`...
+We now present you 2 files in the editor on the right (upper bar) to click on, `App.svelte` and `Nested.svelte`.
+
+Each `.svelte` file holds a component that is a reusable self-contained block of code that encapsulates HTML, CSS, and JavaScript that belong together.
+
+Let's add a `<script>` tag to `App.svelte` that imports the file (our component) `Nested.svelte` into our app...
 
 ```html
 <script>
@@ -12,7 +16,7 @@ Add a `<script>` tag that imports `Nested.svelte`...
 </script>
 ```
 
-...then add it to the markup:
+...then use component `Nested` in the app markup:
 
 ```html
 <p>This is a paragraph.</p>