diff --git a/administrator/templates/atum/scss/template.scss b/administrator/templates/atum/scss/template.scss
index ad2f5b2a072b8..17c957fa9a55e 100644
--- a/administrator/templates/atum/scss/template.scss
+++ b/administrator/templates/atum/scss/template.scss
@@ -13,9 +13,11 @@
 // Fonts
 @import "../../../../media/vendor/roboto-fontface/scss/roboto/sass/roboto-fontface";
 
-
 @import "blocks/global"; // Leave this first
 
+// jQuery Minicolors
+@import "../../../../build/media_source/system/scss/jquery-minicolors";
+
 // Vendor overrides
 @import "vendor/bootstrap/badge";
 @import "vendor/bootstrap/buttons";
diff --git a/build/media_source/system/scss/_jquery-minicolors.scss b/build/media_source/system/scss/_jquery-minicolors.scss
index 5514ba2b9d47c..8219765daf31f 100644
--- a/build/media_source/system/scss/_jquery-minicolors.scss
+++ b/build/media_source/system/scss/_jquery-minicolors.scss
@@ -1,8 +1,12 @@
 // Overrides for jQuery Minicolors
 
-.minicolors-theme-bootstrap .minicolors-swatch {
+.minicolors-theme-bootstrap .minicolors-swatch>.minicolors-sprite {
   top: 50%;
   left: 8px;
   border-radius: 0;
   transform: translateY(-50%);
 }
+
+span.minicolors-swatch-color {
+  cursor: pointer;
+}