diff --git a/src/Umbraco.Web.UI.Client/src/less/buttons.less b/src/Umbraco.Web.UI.Client/src/less/buttons.less
index d726fb4ecf..2b50b60ae8 100644
--- a/src/Umbraco.Web.UI.Client/src/less/buttons.less
+++ b/src/Umbraco.Web.UI.Client/src/less/buttons.less
@@ -48,7 +48,7 @@
     &:disabled:hover {
         cursor: default;
         border-color: @btnBorder;
-        .opacity(65);
+        .opacity(80);
         .box-shadow(none);
     }
 
@@ -213,7 +213,7 @@ input[type="button"] {
 }
 // Made for Umbraco, 2019, used for buttons that has to stand back.
 .btn-white {
-  .buttonBackground(@btnWhiteBackground, @btnWhiteBackgroundHighlight, @btnWhiteType, @btnWhiteTypeHover);
+  .buttonBackground(@btnWhiteBackground, @btnWhiteBackgroundHighlight, @btnWhiteType, @btnWhiteTypeHover, @gray-10, @gray-7);
 }
 // Inverse appears as dark gray
 .btn-inverse {
diff --git a/src/Umbraco.Web.UI.Client/src/less/mixins.less b/src/Umbraco.Web.UI.Client/src/less/mixins.less
index f0e14f5ae6..efc0178ca2 100644
--- a/src/Umbraco.Web.UI.Client/src/less/mixins.less
+++ b/src/Umbraco.Web.UI.Client/src/less/mixins.less
@@ -434,7 +434,7 @@
 
 // Button backgrounds
 // ------------------
-.buttonBackground(@startColor, @hoverColor: @startColor, @textColor: @white, @textColorHover: @textColor) {
+.buttonBackground(@startColor, @hoverColor: @startColor, @textColor: @white, @textColorHover: @textColor, @disabledColor: @sand-1, @disabledTextColor: @white) {
 
   color: @textColor;
   border-color: @startColor @startColor darken(@startColor, 15%);
@@ -454,8 +454,8 @@
   }
 
   &.disabled, &[disabled] {
-    color: @white;
-    background-color: @sand-1;
+    background-color: @disabledColor;
+    color: @disabledTextColor;
   }
 }