diff --git a/src/app/pages/dashboard/dashboard.component.ts b/src/app/pages/dashboard/dashboard.component.ts
index 22f07516..56e7515d 100644
--- a/src/app/pages/dashboard/dashboard.component.ts
+++ b/src/app/pages/dashboard/dashboard.component.ts
@@ -1,13 +1,13 @@
 import {Component, ViewEncapsulation} from 'angular2/core';
 
 import {PopularApp} from './popularApp';
-import {BaPanel} from '../../theme';
+import {BaCard} from '../../theme';
 
 
 @Component({
   selector: 'dashboard',
   pipes: [],
-  directives: [PopularApp, BaPanel],
+  directives: [PopularApp, BaCard],
   encapsulation: ViewEncapsulation.None,
   styles: [require('./dashboard.scss')],
   template: require('./dashboard.html')
diff --git a/src/app/pages/dashboard/dashboard.html b/src/app/pages/dashboard/dashboard.html
index 214b36db..51e0dc7f 100644
--- a/src/app/pages/dashboard/dashboard.html
+++ b/src/app/pages/dashboard/dashboard.html
@@ -1,10 +1,10 @@
 <div class="row">
     <div class="col-xlg-9 col-lg-6 col-md-6 col-sm-12 col-xs-12">
         <div class="row">
-            <ba-panel class="col-xlg-4 col-lg-12 col-md-12 col-sm-5 col-xs-12"
-                 baPanelClass="popular-app medium-panel">
+            <ba-card class="col-xlg-4 col-lg-12 col-md-12 col-sm-5 col-xs-12"
+                 baCardClass="popular-app medium-card">
                 <popular-app></popular-app>
-            </ba-panel>
+            </ba-card>
         </div>
     </div>
 </div>
diff --git a/src/app/theme/baCard/baCard.component.ts b/src/app/theme/baCard/baCard.component.ts
new file mode 100644
index 00000000..f96c438c
--- /dev/null
+++ b/src/app/theme/baCard/baCard.component.ts
@@ -0,0 +1,12 @@
+import {Component, ViewEncapsulation, Input} from 'angular2/core';
+
+@Component({
+  selector: 'ba-card',
+  styles: [require('./baCard.scss')],
+  template: require('./baCard.html'),
+  encapsulation: ViewEncapsulation.None
+})
+export class BaCard {
+  @Input() title:String;
+  @Input() baCardClass:String;
+}
diff --git a/src/app/theme/baPanel/baPanel.html b/src/app/theme/baCard/baCard.html
similarity index 70%
rename from src/app/theme/baPanel/baPanel.html
rename to src/app/theme/baCard/baCard.html
index 5933cb95..a597ca69 100644
--- a/src/app/theme/baPanel/baPanel.html
+++ b/src/app/theme/baCard/baCard.html
@@ -1,4 +1,4 @@
-<div  class="card {{panelType}} {{baPanelClass || ''}}" zoom-in ba-panel-blur>
+<div  class="card {{cardType}} {{baCardClass || ''}}" zoom-in ba-panel-blur>
     <div *ngIf="title" class="card-header clearfix">
         <h3 class="card-title">{{title}}</h3>
     </div>
diff --git a/src/app/theme/baPanel/baPanel.scss b/src/app/theme/baCard/baCard.scss
similarity index 100%
rename from src/app/theme/baPanel/baPanel.scss
rename to src/app/theme/baCard/baCard.scss
diff --git a/src/app/theme/baCard/index.ts b/src/app/theme/baCard/index.ts
new file mode 100644
index 00000000..4890b0a2
--- /dev/null
+++ b/src/app/theme/baCard/index.ts
@@ -0,0 +1 @@
+export * from './baCard.component';
\ No newline at end of file
diff --git a/src/app/theme/baPanel/baPanel.component.ts b/src/app/theme/baPanel/baPanel.component.ts
deleted file mode 100644
index d0fdb825..00000000
--- a/src/app/theme/baPanel/baPanel.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {Component, ViewEncapsulation, Input} from 'angular2/core';
-
-@Component({
-  selector: 'ba-panel',
-  styles: [require('./baPanel.scss')],
-  template: require('./baPanel.html'),
-  encapsulation: ViewEncapsulation.None
-})
-export class BaPanel {
-  @Input() title:String;
-  @Input() baPanelClass:String;
-}
diff --git a/src/app/theme/baPanel/index.ts b/src/app/theme/baPanel/index.ts
deleted file mode 100644
index 8727b9ee..00000000
--- a/src/app/theme/baPanel/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './baPanel.component';
\ No newline at end of file
diff --git a/src/app/theme/index.ts b/src/app/theme/index.ts
index c0877bf9..4d95e4c9 100644
--- a/src/app/theme/index.ts
+++ b/src/app/theme/index.ts
@@ -1,4 +1,4 @@
 export * from './pageTop';
 export * from './msgCenter';
 export * from './sidebar';
-export * from './baPanel';
+export * from './baCard';