diff --git a/flink-runtime-web/web-dashboard/src/app/interfaces/job-checkpoint.ts b/flink-runtime-web/web-dashboard/src/app/interfaces/job-checkpoint.ts
index 5fc6d7edd89f0..6fbbe476ce477 100644
--- a/flink-runtime-web/web-dashboard/src/app/interfaces/job-checkpoint.ts
+++ b/flink-runtime-web/web-dashboard/src/app/interfaces/job-checkpoint.ts
@@ -115,6 +115,8 @@ export interface CheckPointConfigInterface {
     enabled: boolean;
     delete_on_cancellation: boolean;
   };
+  state_backend: string;
+  checkpoint_storage: string;
   unaligned_checkpoints: boolean;
   tolerable_failed_checkpoints: number;
 }
diff --git a/flink-runtime-web/web-dashboard/src/app/pages/job/checkpoints/job-checkpoints.component.html b/flink-runtime-web/web-dashboard/src/app/pages/job/checkpoints/job-checkpoints.component.html
index e40eab81ba791..275b53c5b80a3 100644
--- a/flink-runtime-web/web-dashboard/src/app/pages/job/checkpoints/job-checkpoints.component.html
+++ b/flink-runtime-web/web-dashboard/src/app/pages/job/checkpoints/job-checkpoints.component.html
@@ -223,6 +223,14 @@
             <td *ngIf="checkPointConfig['mode'] == 'exactly_once'">Exactly Once</td>
             <td *ngIf="checkPointConfig['mode'] != 'exactly_once'">At Least Once</td>
           </tr>
+          <tr>
+            <td>Checkpoint Storage</td>
+            <td>{{ checkPointConfig['checkpoint_storage'] }}</td>
+          </tr>
+          <tr>
+            <td>State Backend</td>
+            <td>{{ checkPointConfig['state_backend'] }}</td>
+          </tr>
           <tr>
             <td>Interval</td>
             <td *ngIf="checkPointConfig['interval'] == '0x7fffffffffffffff'">Periodic checkpoints disabled</td>