diff --git a/src/Umbraco.Web.UI.Client/src/less/components/card.less b/src/Umbraco.Web.UI.Client/src/less/components/card.less
index 85a076636f..e2375b4e8a 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/card.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/card.less
@@ -114,6 +114,7 @@
 	display: block;
 	width: 100%;
 	height: 100%;
+	border-radius: 3px;
 }
 
 
@@ -121,10 +122,11 @@
  .umb-card-grid .umb-card-grid-item:focus,
  .umb-card-grid .umb-card-grid-item:hover > *,
  .umb-card-grid .umb-card-grid-item:focus > *  {
-	background: @blue;
-	color: white;
+	background: @test-purple;
+	//color: white;
 	cursor: pointer;
 	outline: none;
+	border-radius: 3px;
 }
 
 .umb-card-grid a {
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-iconpicker.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-iconpicker.less
index e0cdb7cac5..862b982ba0 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-iconpicker.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-iconpicker.less
@@ -2,7 +2,6 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-
     margin: 0;
 }
 
@@ -12,9 +11,7 @@
     flex: 0 0 14.28%;
     justify-content: center;
     align-items: center;
-
     margin-bottom: 0;
-
     overflow: hidden;
 }
 
@@ -22,23 +19,21 @@
     display: flex;
     justify-content: center;
     align-items: center;
-
     width: 100%;
     height: 100%;
-
     padding: 15px 0;
-
     text-decoration: none;
+    border-radius: 3px;
 }
 
 .umb-iconpicker-item a:hover,
 .umb-iconpicker-item a:focus{
-    background: darken(@grayLighter, 1%);
+    background: @test-purple;
     outline: none;
 }
 
 .umb-iconpicker-item a:active {
-    background: darken(@grayLighter, 4%);
+    background: @test-purple;
 }
 
 .umb-iconpicker-item i {