diff --git a/frontend/app/common/interfaces/data_table.ts b/frontend/app/common/interfaces/data_table.ts
index 7e5da38f..44a4dd51 100644
--- a/frontend/app/common/interfaces/data_table.ts
+++ b/frontend/app/common/interfaces/data_table.ts
@@ -78,6 +78,7 @@ declare interface GeneralAnalysisProperty {
   device_compute_32bit_percent?: string;
   remark_color?: string;
   remark_text?: string;
+  power_metrics?: string;
 }
 /* tslint:enable */
 
diff --git a/frontend/app/components/overview/performance_summary/performance_summary.ts b/frontend/app/components/overview/performance_summary/performance_summary.ts
index 5b47a6eb..925ed667 100644
--- a/frontend/app/components/overview/performance_summary/performance_summary.ts
+++ b/frontend/app/components/overview/performance_summary/performance_summary.ts
@@ -57,7 +57,7 @@ const GENERIC_SUMMARY_INFO = [
   styleUrls: ['./performance_summary.scss']
 })
 export class PerformanceSummary implements OnChanges {
-  /** The general anaysis data. */
+  /** The general analysis data. */
   @Input() generalAnalysis?: GeneralAnalysis;
 
   /** The input pipeline analyis data. */
@@ -222,6 +222,16 @@ export class PerformanceSummary implements OnChanges {
         `Device: ${generalProps.device_op_time_eager_percent || ''}`,
       ],
     });
+
+    if (generalProps.power_metrics) {
+      const components = generalProps.power_metrics.split('##');
+      this.summaryInfoAfter.push({
+        title: 'Power Metrics',
+        descriptions: ['Power consumption of different compoenents'],
+        tooltip: this.opTimeInEagerModeTooltipMessage,
+        propertyValues: components,
+      });
+    }
   }
 
   parseGenericData() {