diff --git a/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.html b/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.html
index 42e18aa3..8c483a7e 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.html
+++ b/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.html
@@ -1,5 +1,6 @@
-<ngx-traffic-bar-chart
-  [data]="trafficBarData.data"
-  [labels]="trafficBarData.labels"
-  [formatter]="trafficBarData.formatter"
-></ngx-traffic-bar-chart>
+<nb-card-body>
+  <ngx-traffic-bar-chart [data]="trafficBarData.data"
+                         [labels]="trafficBarData.labels"
+                         [formatter]="trafficBarData.formatter">
+  </ngx-traffic-bar-chart>
+</nb-card-body>
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.scss
index 390503e0..00e2406e 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.scss
+++ b/src/app/pages/e-commerce/traffic-reveal-card/back-side/traffic-back-card.component.scss
@@ -1,10 +1,16 @@
 @import '../../../../@theme/styles/themes';
 
 @include nb-install-component() {
-  display: block;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+
+  nb-card-body {
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
 
   ngx-traffic-bar-chart {
     flex: 1;
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.html b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.html
index 630e0564..9ee7a987 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.html
+++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.html
@@ -1,4 +1,6 @@
-<span>Traffic</span>
-<nb-select matRipple [selected]="type" (selectedChange)="changePeriod($event)">
-  <nb-option matRipple *ngFor="let period of types" [value]="period">{{ period }}</nb-option>
-</nb-select>
+<nb-card-header>
+  <span>Traffic</span>
+  <nb-select matRipple [selected]="type" (selectedChange)="changePeriod($event)">
+    <nb-option matRipple *ngFor="let period of types" [value]="period">{{ period }}</nb-option>
+  </nb-select>
+</nb-card-header>
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss
index 958c42bc..b92c1db3 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss
+++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-cards-header/traffic-cards-header.component.scss
@@ -1,5 +1,14 @@
-:host {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+@import '../../../../@theme/styles/themes';
+
+@include nb-install-component() {
+  nb-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: nb-theme(card-header-with-select-padding-top);
+    padding-bottom: nb-theme(card-header-with-select-padding-bottom);
+
+    @include nb-ltr(padding-right, 4rem);
+    @include nb-rtl(padding-left, 4rem);
+  }
 }
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.html b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.html
index ac231abe..1b11ab71 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.html
+++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.html
@@ -1,25 +1,15 @@
 <nb-reveal-card [showToggleButton]="false" [revealed]="revealed">
   <nb-card-front>
     <nb-card size="small">
-      <nb-card-header>
-        <ngx-traffic-cards-header [type]="period" (periodChange)="setPeriodAngGetData($event)">
-        </ngx-traffic-cards-header>
-      </nb-card-header>
-      <nb-card-body>
-        <ngx-traffic-front-card [frontCardData]="trafficListData"></ngx-traffic-front-card>
-      </nb-card-body>
+      <ngx-traffic-cards-header [type]="period" (periodChange)="setPeriodAngGetData($event)"></ngx-traffic-cards-header>
+      <ngx-traffic-front-card [frontCardData]="trafficListData"></ngx-traffic-front-card>
       <nb-icon class="toggle-icon" icon="chevron-up-outline" pack="eva" (click)="toggleView()"></nb-icon>
     </nb-card>
   </nb-card-front>
   <nb-card-back>
     <nb-card size="small">
-      <nb-card-header>
-        <ngx-traffic-cards-header [type]="period" (periodChange)="setPeriodAngGetData($event)">
-        </ngx-traffic-cards-header>
-      </nb-card-header>
-      <nb-card-body>
-        <ngx-traffic-back-card [trafficBarData]="trafficBarData"></ngx-traffic-back-card>
-      </nb-card-body>
+      <ngx-traffic-cards-header [type]="period" (periodChange)="setPeriodAngGetData($event)"></ngx-traffic-cards-header>
+      <ngx-traffic-back-card [trafficBarData]="trafficBarData"></ngx-traffic-back-card>
       <nb-icon class="toggle-icon" icon="chevron-down-outline" pack="eva" (click)="toggleView()"></nb-icon>
     </nb-card>
   </nb-card-back>
diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
index ccf47060..42f55746 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
+++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
@@ -9,11 +9,4 @@
     @include nb-rtl(left, 1.25rem);
     cursor: pointer;
   }
-
-  nb-card-header {
-    padding-top: nb-theme(card-header-with-select-padding-top);
-    padding-bottom: nb-theme(card-header-with-select-padding-bottom);
-    @include nb-ltr(padding-right, 4rem);
-    @include nb-rtl(padding-left, 4rem);
-  }
 }