diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
index 66d26255e..914a31eb6 100644
--- a/client/app/styles/_base.scss
+++ b/client/app/styles/_base.scss
@@ -584,7 +584,6 @@ a {
 
     .metric-fill {
       stroke: none;
-      fill: $color-olivine;
       fill-opacity: 0.7;
     }
 
@@ -1621,7 +1620,7 @@ a {
 }
 
 .sidebar-gridmode {
-  background-color: $color-athens-gray-dark;
+  background-color: $color-athens-gray;
   border-color: $background-darker-color;
   opacity: 0.9;
 }
@@ -2058,7 +2057,7 @@ a {
     // because we want consistent behaviour between the
     // visual and row locking logic that happens on hover.
     tbody tr.selected, tbody tr.focused {
-      background-color: $color-link-water;
+      background-color: transparentize($color-accent-blue, 0.85);
       border: 1px solid $color-accent-blue;
     }
   }
diff --git a/client/package.json b/client/package.json
index de6eb2484..5e2770dbd 100644
--- a/client/package.json
+++ b/client/package.json
@@ -44,7 +44,7 @@
     "reselect": "3.0.1",
     "reselect-map": "1.0.3",
     "styled-components": "2.2.4",
-    "weaveworks-ui-components": "0.4.56",
+    "weaveworks-ui-components": "0.4.58",
     "whatwg-fetch": "2.0.3",
     "xterm": "2.9.2"
   },
diff --git a/client/yarn.lock b/client/yarn.lock
index a513bffcc..af0938a03 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -7591,9 +7591,9 @@ wd@^0.4.0:
     underscore.string "~3.0.3"
     vargs "~0.1.0"
 
-weaveworks-ui-components@0.4.56:
-  version "0.4.56"
-  resolved "https://registry.yarnpkg.com/weaveworks-ui-components/-/weaveworks-ui-components-0.4.56.tgz#b43fe709cdb16ba4f6fc00eedff39285273e3e59"
+weaveworks-ui-components@0.4.58:
+  version "0.4.58"
+  resolved "https://registry.yarnpkg.com/weaveworks-ui-components/-/weaveworks-ui-components-0.4.58.tgz#fc1797e5a3e5104ce6f4c18f2435381d0d70f6bd"
   dependencies:
     classnames "2.2.5"
     d3-drag "1.2.1"