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 ef22ac203f..0c5d069095 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
@@ -124,7 +124,9 @@
 
   indicator-component {
     svg {
-      vertical-align: -100% !important;
+      transform: scale(0.5);
+      height: 100% !important;
+      vertical-align: baseline !important;
     }
   }