diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/MyProjectNameBundleContributor.cs b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/MyProjectNameBundleContributor.cs
index 684426ede0..43c0a96ed4 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/MyProjectNameBundleContributor.cs
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/MyProjectNameBundleContributor.cs
@@ -2,6 +2,9 @@
 
 namespace MyCompanyName.MyProjectName.Blazor
 {
+    /* Add your global styles/scripts here.
+     * See https://docs.abp.io/en/abp/latest/UI/Blazor/Global-Scripts-Styles to learn how to use it
+     */
     public class MyProjectNameBundleContributor : IBundleContributor
     {
         public void AddScripts(BundleContext context)
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor.css b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor.css
new file mode 100644
index 0000000000..abef246243
--- /dev/null
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/Pages/Index.razor.css
@@ -0,0 +1 @@
+/* Write here your styles for the Index page */
\ No newline at end of file
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html
index ec18eb03c7..3c1c60baa9 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html
@@ -9,7 +9,7 @@
 
     <!--ABP:Styles-->
     <link href="global.css?_v=637517506080977400" rel="stylesheet"/>
-    <link href="main.css" rel="stylesheet"/>
+    <link href="MyCompanyName.MyProjectName.Blazor.styles.css" rel="stylesheet"/>
     <!--/ABP:Styles-->
 </head>
 
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
index eb9395b846..471b4d8bf7 100644
--- a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/main.css
@@ -1,4 +1,5 @@
-.spinner {
+/* Global styles for the MyProjectName application */
+.spinner {
     width: 40px;
     height: 40px;
     display: block;
@@ -45,4 +46,4 @@
         transform: scale(1.0);
         -webkit-transform: scale(1.0);
     }
-}
+}
\ No newline at end of file