diff --git a/src/EventHub.Web/Pages/Abouts/Index.cshtml b/src/EventHub.Web/Pages/About/Index.cshtml
similarity index 96%
rename from src/EventHub.Web/Pages/Abouts/Index.cshtml
rename to src/EventHub.Web/Pages/About/Index.cshtml
index 597354b..92e29d3 100644
--- a/src/EventHub.Web/Pages/Abouts/Index.cshtml
+++ b/src/EventHub.Web/Pages/About/Index.cshtml
@@ -1,7 +1,7 @@
 @page "/about"
 @section styles{
     <abp-style-bundle>
-        <abp-style src="/Pages/Abouts/Index.css"/>
+        <abp-style src="/Pages/About/Index.css"/>
     </abp-style-bundle>
 }
 
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