diff --git a/src/Umbraco.Web.UI.Client/src/less/buttons.less b/src/Umbraco.Web.UI.Client/src/less/buttons.less
index c6a8447342..7fd62e31c7 100644
--- a/src/Umbraco.Web.UI.Client/src/less/buttons.less
+++ b/src/Umbraco.Web.UI.Client/src/less/buttons.less
@@ -191,13 +191,13 @@ input[type="button"] {
 .btn-success {
   .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight, @btnSuccessType);
 }
-// Info appears as a neutral blue
+// Info appears as a sand color
 .btn-info {
-  .buttonBackground(@sand-5, @blueDark, @blueExtraDark, @u-white);
+  .buttonBackground(@sand-5, @sand-6, @blueExtraDark, @blueMid);
 }
 // Made for Umbraco, 2019
 .btn-action {
-  .buttonBackground(@blueExtraDark, @blueDark, @pinkLight, @u-white);
+  .buttonBackground(@blueExtraDark, @blueDark, @white, @u-white);
 }
 // Made for Umbraco, 2019
 .btn-selection {
@@ -236,11 +236,11 @@ input[type="button"] {
     padding: 15px 50px;
     font-size: 16px;
     border: none;
-    background: @green;
+    background: @ui-btn-positive;
     color: @white;
     font-weight: bold;
     &:hover {
-        background: @green-d1;
+        background: @ui-btn-positive-hover;
     }
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/less/mixins.less b/src/Umbraco.Web.UI.Client/src/less/mixins.less
index b67fd1dd25..0dadc906ef 100644
--- a/src/Umbraco.Web.UI.Client/src/less/mixins.less
+++ b/src/Umbraco.Web.UI.Client/src/less/mixins.less
@@ -539,7 +539,7 @@
   
   &.disabled, &[disabled] {
     color: @white;
-    background-color: @sand-2;
+    background-color: @sand-1;
   }
   /*
   // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index 80665e4c64..92d4e09895 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -76,9 +76,10 @@
 @gray-10:               #F3F3F5;
 @gray-11:               #F6F6F7;
 
-@sand-1:                hsl(22, 33%, 93%);// added 2019
+@sand-1:                hsl(22, 18%, 84%);// added 2019
 @sand-2:                hsl(22, 34%, 88%);// added 2019
 @sand-5:                hsl(22, 31%, 93%);// added 2019
+@sand-6:                hsl(22, 29%, 95%);// added 2019
 @sand-7:                hsl(22, 26%, 97%);// added 2019
 
 
@@ -138,8 +139,8 @@
 @ui-active-type:        @blueExtraDark;
 @ui-active-type-hover:  @blueMid;
 
-@ui-selected:           @sand-1;
-@ui-selected-hover:     ligthen(@sand-1, 10);
+@ui-selected:           @sand-5;
+@ui-selected-hover:     ligthen(@sand-5, 10);
 @ui-selected-type:           @blueExtraDark;
 @ui-selected-type-hover:     @blueMid;
 @ui-selected-border:           @pinkLight;
@@ -176,7 +177,7 @@
 @ui-btn-type:                   @white;
 
 @ui-btn-positive:               @green;
-@ui-btn-positive-hover:         @green-l1;
+@ui-btn-positive-hover:         lighten(@green, 6%);
 @ui-btn-positive-type:          @white;
 
 @ui-btn-negative:               @red;
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.html
index 44b70ea613..eb85cc5fd2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/mediapicker/mediapicker.html
@@ -180,6 +180,7 @@
                 button-style="success"
                 label="Select image"
                 type="button"
+                disabled="model.selection.length === 0"
                 action="submit(model)">
             </umb-button>