diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts
index ae206926..1047dbd7 100644
--- a/src/app/pages/pages.component.ts
+++ b/src/app/pages/pages.component.ts
@@ -1,7 +1,7 @@
 import {Component, ViewEncapsulation} from '@angular/core';
 import {RouteConfig} from '@angular/router-deprecated';
 
-import {PageTop, ContentTop, Sidebar, BaBackTop} from '../theme/components';
+import {PageTop, BaContentTop, Sidebar, BaBackTop} from '../theme/components';
 
 import {Dashboard} from './dashboard';
 import {Ui} from './ui';
@@ -14,13 +14,13 @@ import {Tables} from './tables';
   selector: 'pages',
   encapsulation: ViewEncapsulation.None,
   styles: [],
-  directives: [PageTop, Sidebar, ContentTop, BaBackTop],
+  directives: [PageTop, Sidebar, BaContentTop, BaBackTop],
   template: `
     <sidebar></sidebar>
     <page-top></page-top>
     <div class="al-main">
       <div class="al-content">
-        <content-top></content-top>
+        <ba-content-top></ba-content-top>
         <router-outlet></router-outlet>
       </div>
     </div>
diff --git a/src/app/theme/components/contentTop/contentTop.component.ts b/src/app/theme/components/baContentTop/baContentTop.component.ts
similarity index 62%
rename from src/app/theme/components/contentTop/contentTop.component.ts
rename to src/app/theme/components/baContentTop/baContentTop.component.ts
index a92d6ef9..67697a73 100644
--- a/src/app/theme/components/contentTop/contentTop.component.ts
+++ b/src/app/theme/components/baContentTop/baContentTop.component.ts
@@ -3,12 +3,13 @@ import {Component} from '@angular/core';
 import {AppState} from "../../../app.state";
 
 @Component({
-  selector: 'content-top',
-  styles: [require('./contentTop.scss')],
-  template: require('./contentTop.html'),
+  selector: 'ba-content-top',
+  styles: [require('./baContentTop.scss')],
+  template: require('./baContentTop.html'),
 })
-export class ContentTop {
-  activePageTitle = '';
+export class BaContentTop {
+
+  public activePageTitle:string = '';
 
   constructor(private _state:AppState) {
     this._state.subscribe('menu.activeLink', (activeLink) => {
diff --git a/src/app/theme/components/contentTop/contentTop.html b/src/app/theme/components/baContentTop/baContentTop.html
similarity index 100%
rename from src/app/theme/components/contentTop/contentTop.html
rename to src/app/theme/components/baContentTop/baContentTop.html
diff --git a/src/app/theme/components/contentTop/contentTop.scss b/src/app/theme/components/baContentTop/baContentTop.scss
similarity index 100%
rename from src/app/theme/components/contentTop/contentTop.scss
rename to src/app/theme/components/baContentTop/baContentTop.scss
diff --git a/src/app/theme/components/baContentTop/index.ts b/src/app/theme/components/baContentTop/index.ts
new file mode 100644
index 00000000..3b9ceff5
--- /dev/null
+++ b/src/app/theme/components/baContentTop/index.ts
@@ -0,0 +1 @@
+export * from './baContentTop.component.ts';
diff --git a/src/app/theme/components/contentTop/index.ts b/src/app/theme/components/contentTop/index.ts
deleted file mode 100644
index 794ee85d..00000000
--- a/src/app/theme/components/contentTop/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './contentTop.component.ts';
diff --git a/src/app/theme/components/index.ts b/src/app/theme/components/index.ts
index 793ec218..692b5c53 100644
--- a/src/app/theme/components/index.ts
+++ b/src/app/theme/components/index.ts
@@ -1,7 +1,7 @@
 export * from './pageTop';
 export * from './msgCenter';
 export * from './sidebar';
-export * from './contentTop';
+export * from './baContentTop';
 export * from './baCard';
 export * from './baAmChart';
 export * from './baChartistChart';