diff --git a/src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml b/src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml
index d83b85d..a8bb708 100644
--- a/src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml
+++ b/src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml
@@ -40,8 +40,8 @@
                 <li class="nav-item @(GetPageActiveClassOrEmpty(ViewContext, "/organizations/index"))">
                     <a class="nav-link" href="@UrlOptions.Value.Www/organizations">Organizations</a>
                 </li>
-                <li class="nav-item @(GetPageActiveClassOrEmpty(ViewContext, "/abouts/index"))">
-                    <a class="nav-link" href="@UrlOptions.Value.Www/abouts">About</a>
+                <li class="nav-item @(GetPageActiveClassOrEmpty(ViewContext, "/about/index"))">
+                    <a class="nav-link" href="@UrlOptions.Value.Www/about">About</a>
                     </li>
             </ul>
             @if (UrlOptions.Value.Www.Contains(Context.Request.Host.ToString()))
diff --git a/src/EventHub.Web/Pages/Abouts/Index.cshtml b/src/EventHub.Web/Pages/About/Index.cshtml
similarity index 92%
rename from src/EventHub.Web/Pages/Abouts/Index.cshtml
rename to src/EventHub.Web/Pages/About/Index.cshtml
index 78a63d9..92e29d3 100644
--- a/src/EventHub.Web/Pages/Abouts/Index.cshtml
+++ b/src/EventHub.Web/Pages/About/Index.cshtml
@@ -1,7 +1,7 @@
-@page "/abouts"
+@page "/about"
 @section styles{
     <abp-style-bundle>
-        <abp-style src="/Pages/Abouts/Index.css"/>
+        <abp-style src="/Pages/About/Index.css"/>
     </abp-style-bundle>
 }
 
@@ -32,7 +32,7 @@
         <p>ABP Framework is a complete infrastructure to create modern web applications by following the best practices and conventions of software development.</p> 
         <a class="btn btn-primary" target="_blank" href="https://abp.io">abp.io</a>
         <hr class="my-5"/>
-        <h1 class="mb-4">How the eventhub.com was Created?</h1>
+        <h1 class="mb-4">How was eventhub.com created?</h1>
         <p>EventHub is a reference project showing how real-world examples are implemented with the open source ABP Framework. </p>
         <p>Click the button below to check out the source-code of this project and have detailed information about it.</p> 
         <a class="btn btn-secondary mb-3" href="https://github.com/abpframework/eventhub" target="_blank" rel="noopener">
diff --git a/src/EventHub.Web/Pages/Abouts/Index.cshtml.cs b/src/EventHub.Web/Pages/About/Index.cshtml.cs
similarity index 77%
rename from src/EventHub.Web/Pages/Abouts/Index.cshtml.cs
rename to src/EventHub.Web/Pages/About/Index.cshtml.cs
index 79cd11f..987a34f 100644
--- a/src/EventHub.Web/Pages/Abouts/Index.cshtml.cs
+++ b/src/EventHub.Web/Pages/About/Index.cshtml.cs
@@ -1,6 +1,6 @@
 using Microsoft.AspNetCore.Mvc.RazorPages;
 
-namespace EventHub.Web.Pages.Abouts;
+namespace EventHub.Web.Pages.About;
 
 public class Index : EventHubPageModel
 {
diff --git a/src/EventHub.Web/Pages/About/Index.css b/src/EventHub.Web/Pages/About/Index.css
new file mode 100644
index 0000000..9b9ee52
--- /dev/null
+++ b/src/EventHub.Web/Pages/About/Index.css
@@ -0,0 +1,4 @@
+.btn.btn-secondary {
+    color: #fff !important;
+    background-color: #6457c1 !important;
+}
\ No newline at end of file