diff --git a/src/app/pages/e-commerce/progress-section/progress-section.component.html b/src/app/pages/e-commerce/progress-section/progress-section.component.html
index 66f6c06c..137ef06c 100644
--- a/src/app/pages/e-commerce/progress-section/progress-section.component.html
+++ b/src/app/pages/e-commerce/progress-section/progress-section.component.html
@@ -2,9 +2,9 @@
   <nb-card-body>
     <div class="progress-info" *ngFor="let item of progressInfoData">
       <div class="title">{{ item.title }}</div>
-      <div class="value">{{ item.value | ngxNumberWithCommas }}</div>
+      <div class="h3">{{ item.value | ngxNumberWithCommas }}</div>
       <nb-progress-bar [value]="item.activeProgress"></nb-progress-bar>
-      <div class="description">
+      <div class="caption description">
         <bdi>{{ item.description }}</bdi>
       </div>
     </div>
diff --git a/src/app/pages/e-commerce/progress-section/progress-section.component.scss b/src/app/pages/e-commerce/progress-section/progress-section.component.scss
index f964af88..5ea320be 100644
--- a/src/app/pages/e-commerce/progress-section/progress-section.component.scss
+++ b/src/app/pages/e-commerce/progress-section/progress-section.component.scss
@@ -4,8 +4,10 @@ $shadow-green: #00977e;
 
 @include nb-install-component() {
   .progress-info {
-    color: nb-theme(color-fg-heading);
-    margin-top: 2.5rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-top: 2rem;
 
     &:first-child {
       margin-top: 0;
@@ -13,41 +15,13 @@ $shadow-green: #00977e;
   }
 
   .title {
-    font-family: nb-theme(font-secondary);
-    font-size: nb-theme(font-size-lg);
-    font-weight: nb-theme(font-weight-bold);
-  }
-
-  .value {
-    font-size: 3rem;
-    font-weight: nb-theme(font-weight-light);
-    margin-top: 0.5rem;
+    font-family: nb-theme(text-subtitle-font-family);
+    font-size: nb-theme(text-subtitle-font-size);
+    font-weight: nb-theme(text-subtitle-font-weight);
+    line-height: nb-theme(text-subtitle-line-height);
   }
 
   .description {
-    color: nb-theme(color-fg);
     margin-top: 0.5rem;
   }
-
-  ::ng-deep nb-progress-bar {
-    margin-top: 0.2rem;
-
-    .progress-container {
-      height: 0.8rem;
-      border-radius: 0;
-    }
-
-    .progress-value {
-      height: 0.6rem;
-      background: nb-theme(progress-bar-background);
-
-      @include nb-for-theme(cosmic) {
-        box-shadow: 0 0.2rem $shadow-green;
-      }
-
-      @include nb-for-theme(corporate) {
-        height: 100%;
-      }
-    }
-  }
 }