diff --git a/app/job/job-summary/job-summary.component.css b/app/job/job-summary/job-summary.component.css
index b10ba18..55a7f9d 100644
--- a/app/job/job-summary/job-summary.component.css
+++ b/app/job/job-summary/job-summary.component.css
@@ -1,3 +1,11 @@
 .widget-icon {
-    margin-bottom: 5px;
+    margin-bottom: 10px;
+}
+
+.summary-icon {
+    line-height: 50px !important;
+}
+
+.in-progress-icon {
+    margin-left: 16px;
 }
\ No newline at end of file
diff --git a/app/job/job-summary/job-summary.component.html b/app/job/job-summary/job-summary.component.html
index ae4bfb7..95a56a2 100644
--- a/app/job/job-summary/job-summary.component.html
+++ b/app/job/job-summary/job-summary.component.html
@@ -12,7 +12,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon green pull-left">
-                        <i class="fa fa-check" aria-hidden="true"></i>
+                        <i class="fa fa-check summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.COMPLETED}}</div>
                     <div class="comment">Completed</div>
@@ -21,7 +21,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon blue pull-left">
-                        <i class="fa fa-play" aria-hidden="true"></i>
+                        <i class="fa fa-play summary-icon in-progress-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.IN_PROGRESS}}</div>
                     <div class="comment">In Progress</div>
@@ -30,7 +30,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon orange pull-left">
-                        <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                        <i class="fa fa-ellipsis-h summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.ENQUEUED}}</div>
                     <div class="comment">Enqueued</div>
@@ -39,7 +39,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon red pull-left">
-                        <i class="fa fa-times" aria-hidden="true"></i>
+                        <i class="fa fa-times summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.CANCELLED}}</div>
                     <div class="comment">Cancelled</div>