diff --git a/src/app/mock-api/common/navigation/data.ts b/src/app/mock-api/common/navigation/data.ts
index 4fe311f9..de7ba84a 100644
--- a/src/app/mock-api/common/navigation/data.ts
+++ b/src/app/mock-api/common/navigation/data.ts
@@ -682,8 +682,8 @@ export const defaultNavigation: FuseNavigationItem[] = [
         icon    : 'heroicons_outline:collection',
         children: [
             {
-                id   : 'user-interface.angular-material',
-                title: 'Angular Material components',
+                id   : 'user-interface.material-components',
+                title: 'Material components',
                 type : 'basic',
                 icon : 'heroicons_outline:chip',
                 link : '/ui/angular-material'
diff --git a/src/app/modules/admin/ui/angular-material/angular-material.component.html b/src/app/modules/admin/ui/angular-material/angular-material.component.html
index 466232c7..1e1a4b2c 100644
--- a/src/app/modules/admin/ui/angular-material/angular-material.component.html
+++ b/src/app/modules/admin/ui/angular-material/angular-material.component.html
@@ -12,7 +12,7 @@
             <!-- Title -->
             <div class="mt-2">
                 <h2 class="text-3xl md:text-4xl font-extrabold tracking-tight leading-7 sm:leading-10 truncate">
-                    Angular Material components
+                    Angular Material Components
                 </h2>
             </div>
         </div>