diff --git a/src/app/main/components/angular-material/angular-material.component.html b/src/app/main/components/angular-material/angular-material-examples.component.html
similarity index 100%
rename from src/app/main/components/angular-material/angular-material.component.html
rename to src/app/main/components/angular-material/angular-material-examples.component.html
diff --git a/src/app/main/components/angular-material/angular-material.component.scss b/src/app/main/components/angular-material/angular-material-examples.component.scss
similarity index 100%
rename from src/app/main/components/angular-material/angular-material.component.scss
rename to src/app/main/components/angular-material/angular-material-examples.component.scss
diff --git a/src/app/main/components/angular-material/angular-material.component.ts b/src/app/main/components/angular-material/angular-material-examples.component.ts
similarity index 86%
rename from src/app/main/components/angular-material/angular-material.component.ts
rename to src/app/main/components/angular-material/angular-material-examples.component.ts
index 4e56c1f2..d8d34a26 100644
--- a/src/app/main/components/angular-material/angular-material.component.ts
+++ b/src/app/main/components/angular-material/angular-material-examples.component.ts
@@ -7,10 +7,10 @@ import { COMPONENT_MAP } from 'app/main/components/angular-material/example-comp
 
 @Component({
     selector   : 'angular-material',
-    templateUrl: './angular-material.component.html',
-    styleUrls  : ['./angular-material.component.scss']
+    templateUrl: './angular-material-examples.component.html',
+    styleUrls  : ['./angular-material-examples.component.scss']
 })
-export class AngularMaterialComponent implements OnInit, OnDestroy
+export class AngularMaterialExamplesComponent implements OnInit, OnDestroy
 {
     id: string;
     title: string;
diff --git a/src/app/main/components/angular-material/angular-material.module.ts b/src/app/main/components/angular-material/angular-material-examples.module.ts
similarity index 79%
rename from src/app/main/components/angular-material/angular-material.module.ts
rename to src/app/main/components/angular-material/angular-material-examples.module.ts
index c82a0729..3da6959e 100644
--- a/src/app/main/components/angular-material/angular-material.module.ts
+++ b/src/app/main/components/angular-material/angular-material-examples.module.ts
@@ -7,7 +7,7 @@ import { FuseWidgetModule } from '@fuse/components/widget/widget.module';
 
 import { MaterialModule } from 'app/main/components/angular-material/material.module';
 import { EXAMPLE_LIST } from 'app/main/components/angular-material/example-components';
-import { AngularMaterialComponent } from 'app/main/components/angular-material/angular-material.component';
+import { AngularMaterialExamplesComponent } from 'app/main/components/angular-material/angular-material-examples.component';
 import { ExampleViewerComponent } from 'app/main/components/angular-material/example-viewer/example-viewer';
 
 const routes: Routes = [
@@ -16,7 +16,7 @@ const routes: Routes = [
         children: [
             {
                 path     : ':id',
-                component: AngularMaterialComponent
+                component: AngularMaterialExamplesComponent
             }
         ]
     }
@@ -25,7 +25,7 @@ const routes: Routes = [
 @NgModule({
     declarations   : [
         [...EXAMPLE_LIST],
-        AngularMaterialComponent,
+        AngularMaterialExamplesComponent,
         ExampleViewerComponent
     ],
     imports        : [
@@ -39,7 +39,7 @@ const routes: Routes = [
     ],
     entryComponents: EXAMPLE_LIST,
 })
-export class AngularMaterialModule
+export class AngularMaterialExamplesModule
 {
 }
 
diff --git a/src/app/main/components/components.module.ts b/src/app/main/components/components.module.ts
index 0a53c9a7..9e4e3717 100644
--- a/src/app/main/components/components.module.ts
+++ b/src/app/main/components/components.module.ts
@@ -5,6 +5,8 @@ import { NgxChartsModule } from '@swimlane/ngx-charts';
 
 import { FuseSharedModule } from '@fuse/shared.module';
 
+import { AngularMaterialExamplesModule } from 'app/main/components/angular-material/angular-material-examples.module';
+
 import { FuseCountdownModule, FuseHighlightModule, FuseMaterialColorPickerModule, FuseWidgetModule } from '@fuse/components';
 import { CardsDocsComponent } from 'app/main/components/cards/cards.component';
 import { CountdownDocsComponent } from 'app/main/components/countdown/countdown.component';
@@ -93,7 +95,9 @@ const routes = [
         FuseCountdownModule,
         FuseHighlightModule,
         FuseMaterialColorPickerModule,
-        FuseWidgetModule
+        FuseWidgetModule,
+
+        AngularMaterialExamplesModule
     ]
 })
 export class ComponentsModule
diff --git a/src/app/navigation/navigation.ts b/src/app/navigation/navigation.ts
index 2ff178f0..a08e7590 100644
--- a/src/app/navigation/navigation.ts
+++ b/src/app/navigation/navigation.ts
@@ -685,7 +685,7 @@ export const navigation: FuseNavigation[] = [
                         children: [
                             {
                                 id   : 'badge',
-                                title: 'badge',
+                                title: 'Badge',
                                 type : 'item',
                                 url  : '/components/angular-material/badge'
                             },