diff --git a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html
index 345cc360bb745..873c7c5323165 100644
--- a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html
+++ b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html
@@ -107,5 +107,5 @@
 </nz-table>
 <flink-resize [(left)]="left" [baseElement]="elementRef" [resizeMin]="390"></flink-resize>
 <ng-template #loadingTemplate>
-  <i nz-icon nzType="loading"></i>
+  <span class="text-secondary">loading...</span>
 </ng-template>
diff --git a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less
index a3a10ad8b0a83..3a1f1b81adaa7 100644
--- a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less
+++ b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less
@@ -21,6 +21,11 @@
   position: relative;
   display: flex;
   flex: 1;
+
+  .text-secondary {
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+  }
 }
 
 .name {
diff --git a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html
index 3b91405109124..a600a830c72aa 100644
--- a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html
+++ b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html
@@ -209,5 +209,5 @@
 </nz-tabset>
 
 <ng-template #loadingTemplate>
-  <i nz-icon nzType="loading"></i>
+  <span class="text-secondary">loading...</span>
 </ng-template>
diff --git a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less
index 46fbaf8b9adad..03c4464a7c095 100644
--- a/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less
+++ b/flink-runtime-web/web-dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less
@@ -22,6 +22,11 @@
   width: 100%;
   height: 100%;
 
+  .text-secondary {
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+  }
+
   nz-tabset {
     height: 100%;
   }