diff --git a/ui-ngx/src/app/shared/components/color-picker/color-picker.component.scss b/ui-ngx/src/app/shared/components/color-picker/color-picker.component.scss
index f71707195a..ea2bfa94ba 100644
--- a/ui-ngx/src/app/shared/components/color-picker/color-picker.component.scss
+++ b/ui-ngx/src/app/shared/components/color-picker/color-picker.component.scss
@@ -58,6 +58,10 @@
 
     .color-input {
       flex: 1;
+      width: min-content;
+      &> * {
+        color: initial;
+      }
     }
 
     .type-btn {