diff --git a/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.scss b/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.scss
index 9805402909..db447bf1fc 100644
--- a/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.scss
+++ b/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.scss
@@ -349,8 +349,10 @@ sky-colorpicker.sky-margin-stacked-lg {
 }
 
 .sky-theme-modern {
-  .sky-control-label {
-    color: $sky-theme-modern-font-data-label-color;
+  .sky-color-picker-label-wrapper {
+    .sky-control-label {
+      color: $sky-theme-modern-font-data-label-color;
+    }
   }
 
   .sky-colorpicker-disabled {