diff --git a/docs/release-notes-editor.txt b/docs/release-notes-editor.txt
index bcaf200915167c66b1eb4d0c7ac00ae1e2bdfae6..7ecf9edd89e5759227f52fcebddb2cfac6f7d031 100644
--- a/docs/release-notes-editor.txt
+++ b/docs/release-notes-editor.txt
@@ -2,6 +2,7 @@ Editor
 ======
 1.25.0
 - Remove border of slider rectangle in number line mode at position 0
+- Fix coloring of the slider rectangle in number line mode at position 0
 
 1.24.0
 - Show arrow for slider in number line mode
diff --git a/projects/common/ui-elements/slider/slider.component.ts b/projects/common/ui-elements/slider/slider.component.ts
index a3e9892fcb0aff932e0bed69af8d20458606019c..2addefd3ff99ef143a802b162e30985071e5f2c6 100644
--- a/projects/common/ui-elements/slider/slider.component.ts
+++ b/projects/common/ui-elements/slider/slider.component.ts
@@ -101,8 +101,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     '.number-marker {width: 2px; height: 20px; background-color: #555; margin: 10px auto 0 auto}',
     // eslint-disable-next-line max-len
     '.arrow-head {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 20px solid #555;}',
+    // Background color must use !important to be displayed also in the editor
     // eslint-disable-next-line max-len
-    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; border: none; width: 9px; height: 40px; bottom: -20px; margin-right: 5px; background-color: #006064}',
+    ':host ::ng-deep .bar-style .mat-slider-thumb {border-radius: 0; border: none; width: 9px; height: 40px; bottom: -20px; margin-right: 5px; background-color: #006064 !important}',
     ':host ::ng-deep .bar-style .mat-slider-track-fill {background-color: rgba(0,0,0,0);}',
     ':host ::ng-deep .bar-style .mat-slider-track-background {background-color: rgba(0,0,0,0);}'
   ]