diff --git a/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html b/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html
index 1d3b0267b64fa151d2d8facbea1d6dd8ce14d474..f01c0cfac8cc4a8e1fbbdff009c4ba928ade190d 100644
--- a/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html
+++ b/projects/common-form-elements/src/lib/dynamic-timer/dynamic-timer.component.html
@@ -3,23 +3,23 @@
   <ng-container>
     <div class="d-flex">
       <div>
-        <input class="p-10 mr-20" list="hours" #hourField name="hour" maxlength="2"
+        <input class="sb-timer-input" list="hours" #hourField name="hour" maxlength="2"
         placeholder="{{placeholders[0]}}"
         (change)="onChangeTimer('hr', $event.target.value)"
         (keyup)="onChangeTimer('hr', $event.target.value);"
         (focusout)="onFocusOutEvent('hr', $event.target.value)"
-        [attr.disabled]="disabled ? true : ( depends ? (isDependsInvalid ? true : null) : null )">
+        [attr.disabled]="disabled ? true : null">
         <datalist id="hours">
             <option *ngFor="let hour of hourOptions" [value]="hour">
         </datalist>
       </div>
       <div>
-        <input class="p-10 mr-20" list="minutes" #minField name="minute" maxlength="2"
+        <input class="sb-timer-input" list="minutes" #minField name="minute" maxlength="2"
         placeholder="{{placeholders[1]}}"
         (change)="onChangeTimer('min', $event.target.value)"
         (keyup)="onChangeTimer('min', $event.target.value)"
         (focusout)="onFocusOutEvent('min', $event.target.value)"
-        [attr.disabled]="disabled ? true : ( depends ? (isDependsInvalid ? true : null) : null )">
+        [attr.disabled]="disabled ? true : null">
         <datalist id="minutes">
           <ng-container>
             <option *ngFor="let minute of minuteOptions" [value]="minute">{{minute}}</option>