diff --git a/projects/common/components/input-elements/slider.component.ts b/projects/common/components/input-elements/slider.component.ts
index 3d6a2fbe621f3fb1aec512f96d95eb7fc313940d..d1e464374a788560d45f8b5eb168f09985c2475a 100644
--- a/projects/common/components/input-elements/slider.component.ts
+++ b/projects/common/components/input-elements/slider.component.ts
@@ -46,12 +46,14 @@ import { FormElementComponent } from '../../directives/form-element-component.di
         <div *ngIf="elementModel.barStyle" class="value-marker min-value-marker"></div>
         <div *ngIf="elementModel.barStyle" class="value-marker max-value-marker"></div>
         <mat-slider [class]="elementModel.barStyle ? 'slider-bar-style' : 'slider'"
-                    [isDisabled]="elementModel.readOnly"
-                    [thumbLabel]="elementModel.thumbLabel"
-                    [formControl]="elementFormControl"
+                    [discrete]="elementModel.thumbLabel"
                     [style.width.%]="100"
                     [max]="elementModel.maxValue"
-                    [min]="elementModel.minValue"><input matSliderThumb />
+                    [min]="elementModel.minValue">
+          <input matSliderThumb
+                 [isDisabled]="elementModel.readOnly"
+                 [formControl]="elementFormControl"
+          />
         </mat-slider>
       </div>
       <mat-error *ngIf="elementFormControl.touched && elementFormControl.errors">