diff --git a/docs/en/tutorials/todo/layered/index.md b/docs/en/tutorials/todo/layered/index.md
index e6e310a39a..86a480ad42 100644
--- a/docs/en/tutorials/todo/layered/index.md
+++ b/docs/en/tutorials/todo/layered/index.md
@@ -528,7 +528,7 @@ The interesting part here is how we communicate with the server. See the *Dynami
 
 ### Index.css
 
-As the final touch, Create a file named `Index.css` in the `Pages` folder of the *TodoApp.Web* project and replace it with the following content:
+As the final touch, Create a file named `Index.css` in the `Pages` folder of the *TodoApp.Web* project and add the following content:
 
 ```css
 #TodoList{
@@ -664,7 +664,7 @@ Open the `Index.razor` file in the `Pages` folder of the {{if UI=="Blazor" || UI
 
 ### Index.razor.css
 
-As the final touch, open the `Index.razor.css` file in the `Pages` folder of the {{if UI=="Blazor" || UI=="BlazorWebApp"}}*TodoApp.Blazor.Client*{{else if UI=="BlazorServer"}} *TodoApp.Blazor* {{else if UI=="MAUIBlazor"}} *TodoApp.MauiBlazor* {{end}} project and replace it with the following content:
+As the final touch, open the `Index.razor.css` file in the `Pages` folder of the {{if UI=="Blazor" || UI=="BlazorWebApp"}}*TodoApp.Blazor.Client*{{else if UI=="BlazorServer"}} *TodoApp.Blazor* {{else if UI=="MAUIBlazor"}} *TodoApp.MauiBlazor* {{end}} project and add the following content:
 
 ```css
 #TodoList{
@@ -827,7 +827,7 @@ Open the `/angular/src/app/home/home.component.html` file and replace its conten
 
 ### home.component.scss
 
-As the final touch, open the `/angular/src/app/home/home.component.scss` file and replace its content with the following code block:
+As the final touch, open the `/angular/src/app/home/home.component.scss` file and add the following code block:
 
 ```css
 #TodoList{
diff --git a/docs/en/tutorials/todo/single-layer/index.md b/docs/en/tutorials/todo/single-layer/index.md
index dc865a0a75..6ce5bec5b0 100644
--- a/docs/en/tutorials/todo/single-layer/index.md
+++ b/docs/en/tutorials/todo/single-layer/index.md
@@ -309,10 +309,8 @@ public interface ITodoAppService : IApplicationService
 Create a `TodoAppService` class under the `Services` folder of {{if UI=="Blazor"}}your `TodoApp.Host` project{{else}}your project{{end}}, as shown below:
 
 ```csharp
-using TodoApp.Services;
 using TodoApp.Services.Dtos;
 using TodoApp.Entities;
-using Volo.Abp.Application.Services;
 using Volo.Abp.Domain.Repositories;
 
 namespace TodoApp.Services;
@@ -517,7 +515,7 @@ The interesting part here is how we communicate with the server. See the *Dynami
 
 ### Index.cshtml.css
 
-As for the final touch, open the `Index.cshtml.css` file in the `Pages` folder and replace with the following content:
+As for the final touch, open the `Index.cshtml.css` file in the `Pages` folder and add the following code block at the end of the file:
 
 ````css
 #TodoList{
@@ -655,7 +653,7 @@ Open the `Index.razor` file in the `Pages` folder and replace the content with t
 
 ### Index.razor.css
 
-As the final touch, open the `Index.razor.css` file in the `Pages` folder and replace it with the following content:
+As the final touch, open the `Index.razor.css` file in the `Pages` folder and add the following code block at the end of the file:
 
 ````css
 #TodoList{
@@ -801,7 +799,7 @@ Open the `/angular/src/app/home/home.component.html` file and replace its conten
 
 ### home.component.scss
 
-As the final touch, open the `/angular/src/app/home/home.component.scss` file and replace its content with the following code block:
+As the final touch, open the `/angular/src/app/home/home.component.scss` file and add the following code block at the end of the file:
 
 ````css
 #TodoList{