diff --git a/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less b/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less
index 5f63a567f4..a5df3f748b 100644
--- a/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less
+++ b/awx/ui/client/src/dashboard/counts/dashboard-counts.block.less
@@ -18,6 +18,12 @@
     padding-left: 15px;
     padding-right: 15px;
     border-radius: 3px;
+    background-color: #fff;
+    border: 1px solid #e1e1e1;
+    flex: 1 0 auto;
+    max-width: ~"calc(16.6% - 15px)";
+    flex-basis: ~"calc(16.6% - 15px)";
+    transition: background-color 0.2s, border-color 0.2s;
 }
 
 @media only screen and (max-width: 710px) {
@@ -26,7 +32,6 @@
     }
 
     .DashboardCounts-buttonStyle {
-        border: 1px solid #aaa;
         margin-bottom: 15px;
         width: 33%;
         flex-basis: ~"calc(33% - 7px)";
@@ -58,6 +63,7 @@
     font-size: 30px;
     line-height: 26px;
     flex: 1;
+    transition: color 0.2s;
 }
 
 .DashboardCounts-number.is-failure {
@@ -67,5 +73,7 @@
 .DashboardCounts-label {
     flex: 1;
     margin-bottom: 0px;
-    color: #000;
+    color: #848992;
+    text-transform: uppercase;
+    transition: color 0.2s;
 }
diff --git a/awx/ui/client/src/dashboard/dashboard.block.less b/awx/ui/client/src/dashboard/dashboard.block.less
index fed248d237..29409a966d 100644
--- a/awx/ui/client/src/dashboard/dashboard.block.less
+++ b/awx/ui/client/src/dashboard/dashboard.block.less
@@ -10,9 +10,6 @@
 .Dashboard-counts {
     flex: initial;
     width: 100%;
-    border: 1px solid #a9a9a9;
-    border-radius: 4px;
-    padding: 9px;
 }
 
 .Dashboard-graphs {