diff --git a/app/views/overview/_service.html b/app/views/overview/_service.html
index e62e5c61db..a7050c0e16 100644
--- a/app/views/overview/_service.html
+++ b/app/views/overview/_service.html
@@ -89,7 +89,8 @@ <h2>No deployments.</h2>
         <!-- succeeded state -->
         <div column class="deployment-details" ng-if="activeDeploymentByConfig[dcName] && !(deployments | anyDeploymentIsInProgress)">
           <!-- metrics or pod template -->
-          <metrics ng-if="showMetrics" deployment="activeDeploymentByConfig[dcName]" profile="compact" class="overview-metrics"></metrics>
+          <!-- pause metrics updates when the service group is collapsed -->
+          <metrics ng-if="showMetrics && !collapse" deployment="activeDeploymentByConfig[dcName]" profile="compact" class="overview-metrics"></metrics>
           <pod-template ng-if="!showMetrics" pod-template="activeDeploymentByConfig[dcName].spec.template"></pod-template>
           <!-- /metrics or pod template -->
         </div>
diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
index 0376ec785f..7cce88cd95 100644
--- a/dist/scripts/templates.js
+++ b/dist/scripts/templates.js
@@ -6766,7 +6766,8 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "\n" +
     "<div column class=\"deployment-details\" ng-if=\"activeDeploymentByConfig[dcName] && !(deployments | anyDeploymentIsInProgress)\">\n" +
     "\n" +
-    "<metrics ng-if=\"showMetrics\" deployment=\"activeDeploymentByConfig[dcName]\" profile=\"compact\" class=\"overview-metrics\"></metrics>\n" +
+    "\n" +
+    "<metrics ng-if=\"showMetrics && !collapse\" deployment=\"activeDeploymentByConfig[dcName]\" profile=\"compact\" class=\"overview-metrics\"></metrics>\n" +
     "<pod-template ng-if=\"!showMetrics\" pod-template=\"activeDeploymentByConfig[dcName].spec.template\"></pod-template>\n" +
     "\n" +
     "</div>\n" +