diff --git a/app/styles/_overview.less b/app/styles/_overview.less
index 2c70026ab3..ac10ca184b 100644
--- a/app/styles/_overview.less
+++ b/app/styles/_overview.less
@@ -23,7 +23,11 @@
   }
 }
 .builds-label {
+  display: inline-block;
   margin-right: 5px;
+  @media (max-width: @screen-sm-max) {
+    margin-top: 5px;
+  }
 }
 .mini-donut-link {
   color: @gray-darker;
@@ -61,7 +65,10 @@
 }
 .notification-icon-count {
   display: inline-block;
-  margin: 0 5px 0 0;
+  margin: 5px 5px 0 0;
+  @media (min-width: @screen-md-min) {
+    margin-top: 0;
+  }
   [data-toggle="tooltip"] {
     cursor: help;
   }
@@ -234,6 +241,12 @@
     @media (min-width: @screen-sm-min) {
       justify-content: flex-end;
     }
+    @media(max-width: @screen-xs-max) {
+      &.deployment-in-progress-msg {
+        margin-top: 5px;
+        width: 100%;
+      }
+    }
   }
   .list-pf-expansion.in {
     .deployment-donut > div[row] {
@@ -434,11 +447,9 @@
       }
     }
   }
-  .status-icons {
-    margin-top: 5px;
-    @media (min-width: @screen-md-min) {
+  @media (min-width: @screen-md-min) {
+    .status-icons {
       margin-right: 15px;
-      margin-top: 0;
       width: 40%;
     }
   }
diff --git a/app/views/overview/_list-row-content.html b/app/views/overview/_list-row-content.html
index 765dab39c2..4dc47392d1 100644
--- a/app/views/overview/_list-row-content.html
+++ b/app/views/overview/_list-row-content.html
@@ -35,7 +35,7 @@ <h3>
     No deployments for <a ng-href="{{row.apiObject | navigateResourceURL}}">{{row.apiObject.metadata.name}}</a>
   </span>
 </div>
-<div ng-if="row.isDeploymentInProgress()" class="list-pf-details">
+<div ng-if="row.isDeploymentInProgress()" class="list-pf-details deployment-in-progress-msg">
   <div ng-if="row.apiObject.kind === 'DeploymentConfig'">
     <span class="mar-right-sm">
       <span class="hidden-xs">
diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
index 894bff10da..50a9e706e6 100644
--- a/dist/scripts/templates.js
+++ b/dist/scripts/templates.js
@@ -11841,7 +11841,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "No deployments for <a ng-href=\"{{row.apiObject | navigateResourceURL}}\">{{row.apiObject.metadata.name}}</a>\n" +
     "</span>\n" +
     "</div>\n" +
-    "<div ng-if=\"row.isDeploymentInProgress()\" class=\"list-pf-details\">\n" +
+    "<div ng-if=\"row.isDeploymentInProgress()\" class=\"list-pf-details deployment-in-progress-msg\">\n" +
     "<div ng-if=\"row.apiObject.kind === 'DeploymentConfig'\">\n" +
     "<span class=\"mar-right-sm\">\n" +
     "<span class=\"hidden-xs\">\n" +
diff --git a/dist/styles/main.css b/dist/styles/main.css
index 09c5e9f6db..05e5d196a4 100644
--- a/dist/styles/main.css
+++ b/dist/styles/main.css
@@ -4867,18 +4867,21 @@ h2+.list-view-pf{margin-top:20px}
 .order-service-config-single-column,.overview .data-toolbar-filter .name-filter form,.overview .data-toolbar-filter .name-filter input{width:100%}
 .tech-preview-banner{background:#ec7a08;color:#fff;font-size:12px;text-align:center;text-transform:uppercase;width:100%;z-index:1030}
 .wizard-pf-main .deploy-image .empty-state-message{margin:30px auto}
+.build-count .icon-count,.builds-label{margin-right:5px;display:inline-block}
 .wizard-pf-main #from-file .editor{height:285px}
 .build-count .builds,.build-count .pipelines{display:block}
-.build-count .icon-count{display:inline-block;margin-right:5px}
 .build-count .running-stage{font-size:84%;color:#9c9c9c}
-.builds-label{margin-right:5px}
+@media (max-width:991px){.builds-label{margin-top:5px}
+}
 .mini-donut-link{color:#252525}
 .mini-donut-link:active,.mini-donut-link:focus,.mini-donut-link:hover{color:#0088ce;text-decoration:none}
 .mini-donut-link.disabled-link,.mini-donut-link.disabled-link:active,.mini-donut-link.disabled-link:focus,.mini-donut-link.disabled-link:hover{color:#252525;opacity:1}
 .mini-log{background-color:#fafafa;border:1px solid #d1d1d1;color:#4d5258;font-family:Menlo,Monaco,Consolas,monospace;font-size:11px;margin-bottom:5px;margin-top:5px;padding:5px}
 .mini-log .mini-log-content{line-height:13px;min-height:91px}
 .mini-log .mini-log-content .mini-log-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:pre}
-.notification-icon-count{display:inline-block;margin:0 5px 0 0}
+.notification-icon-count{display:inline-block;margin:5px 5px 0 0}
+@media (min-width:992px){.notification-icon-count{margin-top:0}
+}
 .overview .empty-state{margin-top:20px}
 .overview .app-heading{display:flex;justify-content:space-between}
 @media (max-width:991px){.overview .app-heading{flex-direction:column;justify-content:flex-start}
@@ -4922,6 +4925,8 @@ h2+.list-view-pf{margin-top:20px}
 .overview .list-pf-details.ng-enter,.overview .list-pf-details.ng-hide-remove{animation:.3s appear cubic-bezier(.55,.055,.675,.19)}
 @media (min-width:768px){.overview .list-pf-details{justify-content:flex-end}
 }
+@media (max-width:767px){.overview .list-pf-details.deployment-in-progress-msg{margin-top:5px;width:100%}
+}
 .overview .list-pf-expansion.in .deployment-donut>div[row]{justify-content:center}
 .overview .list-pf-expansion.in .empty-state-message{margin-bottom:30px;margin-top:20px;max-width:none;padding:0;text-align:center}
 .overview .list-pf-expansion.in .empty-state-message p{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0}
@@ -4972,8 +4977,7 @@ h2+.list-view-pf{margin-top:20px}
 }
 .overview .provisioned-service .list-pf-details .bindings{margin-bottom:0;margin-top:-4px}
 .overview .provisioned-service .list-pf-details .small{color:#9c9c9c;font-size:10px}
-.overview .status-icons{margin-top:5px}
-@media (min-width:992px){.overview .status-icons{margin-right:15px;margin-top:0;width:40%}
+@media (min-width:992px){.overview .status-icons{margin-right:15px;width:40%}
 }
 .overview :not(.tab-pane)>overview-pipelines>.expanded-section{margin-bottom:30px}
 .overview .service-binding h3 small{display:block}