diff --git a/app/assets/stylesheets/framework/icons.scss b/app/assets/stylesheets/framework/icons.scss
index b37847e3d9644aaeb7a615adeacb81a38a0e0787..8624a25c05258eec4ac44bacccb1ee447197ed31 100644
--- a/app/assets/stylesheets/framework/icons.scss
+++ b/app/assets/stylesheets/framework/icons.scss
@@ -54,6 +54,6 @@
   color: $gl-text-color;
 
   svg {
-    fill: $gray-darkest;
+    fill: $gl-text-color;
   }
 }
diff --git a/app/assets/stylesheets/pages/status.scss b/app/assets/stylesheets/pages/status.scss
index 637df7e349e5fcb9b23e2138030292fb083cd313..7ce8f7757f3b9a0a56f04c63932dcbd4e6c2ee76 100644
--- a/app/assets/stylesheets/pages/status.scss
+++ b/app/assets/stylesheets/pages/status.scss
@@ -1,5 +1,6 @@
 .container-fluid {
   .ci-status {
+    display: inline-block;
     padding: 2px 7px;
     margin-right: 10px;
     border: 1px solid $gray-darker;
@@ -15,8 +16,7 @@
       height: 13px;
       width: 13px;
       position: relative;
-      top: 1px;
-      margin-right: 3px;
+      top: 2px;
       overflow: visible;
     }
 
@@ -115,15 +115,15 @@
     }
 
     &.ci-manual {
-      color: $gl-gray-dark;
-      border-color: $gl-gray-dark;
+      color: $gl-text-color;
+      border-color: $gl-text-color;
 
       &:not(span):hover {
-        background-color: rgba( $gl-gray-dark, .07);
+        background-color: rgba( $gl-text-color, .07);
       }
 
       svg {
-        fill: $gl-gray-dark;
+        fill: $gl-text-color;
       }
     }
   }