diff --git a/app/assets/javascripts/app/views/generic/sla_times.jst.eco b/app/assets/javascripts/app/views/generic/sla_times.jst.eco
index 233c56262..9c9bde39a 100644
--- a/app/assets/javascripts/app/views/generic/sla_times.jst.eco
+++ b/app/assets/javascripts/app/views/generic/sla_times.jst.eco
@@ -4,29 +4,50 @@
       <th><%- @T('Active') %>
       <th><%- @T('Type') %>
       <th><%- @T('Time') %> <span class="text-muted"><%- @T('in hours') %></span>
-    </tr>
   </thead>
   <tbody>
     <tr>
-      <td style="text-align: center"><input type="checkbox" class="js-activateRow" id="first_response_time">
+      <td>
+        <label class="checkbox-replacement dont-grey-out">
+          <input type="checkbox" class="js-activateRow" id="first_response_time">
+          <%- @Icon('checkbox', 'icon-unchecked') %>
+          <%- @Icon('checkbox-checked', 'icon-checked') %>
+        </label>
       <td>
         <label class="inline-label" for="first_response_time"><%- @T('First Response Time') %></label>
         <p class="subtle"><%- @T('Timeframe for the first response.') %></p>
-      <td><input type="hidden" name="first_response_time" value="<%= @first_response_time %>" class="js-timeConvertTo"><input type="text" value="<%= @first_response_time_in_text %>" class="timeframe js-timeConvertFrom"  placeholder="hh:mm" name="first_response_time_in_text">
-    </tr>
+      <td>
+        <input type="hidden" name="first_response_time" value="<%= @first_response_time %>" class="js-timeConvertTo">
+        <input type="text" value="<%= @first_response_time_in_text %>" class="form-control--small timeframe js-timeConvertFrom"  placeholder="hh:mm" name="first_response_time_in_text">
+
     <tr>
-      <td style="text-align: center"><input type="checkbox" class="js-activateRow" id="update_time">
+      <td>
+        <label class="checkbox-replacement dont-grey-out">
+          <input type="checkbox" class="js-activateRow" id="update_time">
+          <%- @Icon('checkbox', 'icon-unchecked') %>
+          <%- @Icon('checkbox-checked', 'icon-checked') %>
+        </label>
       <td>
         <label class="inline-label" for="update_time"><%- @T('Update Time') %></label>
         <p class="subtle"><%- @T('Timeframe for every following response.') %></p>
-      <td><input type="hidden" name="update_time" value="<%= @update_time %>" class="js-timeConvertTo"><input type="text" value="<%= @update_time_in_text %>" class="timeframe js-timeConvertFrom" placeholder="hh:mm" name="update_time_in_text">
-    </tr>
+      <td>
+        <input type="hidden" name="update_time" value="<%= @update_time %>" class="js-timeConvertTo">
+        <input type="text" value="<%= @update_time_in_text %>" class="form-control--small timeframe js-timeConvertFrom" placeholder="hh:mm" name="update_time_in_text">
+
     <tr>
-      <td style="text-align: center"><input type="checkbox" id="solution_time" class="js-activateRow">
+      <td>
+        <label class="checkbox-replacement dont-grey-out">
+          <input type="checkbox" id="solution_time" class="js-activateRow">
+          <%- @Icon('checkbox', 'icon-unchecked') %>
+          <%- @Icon('checkbox-checked', 'icon-checked') %>
+        </label>
       <td>
         <label class="inline-label" for="solution_time"><%- @T('Solution Time') %></label>
         <p class="subtle"><%- @T('Timeframe for solving the problem.') %></p>
-      <td><input type="hidden" name="solution_time" value="<%= @solution_time %>" class="js-timeConvertTo"><input type="text" value="<%= @solution_time_in_text %>" class="timeframe js-timeConvertFrom" placeholder="hh:mm" name="solution_time_in_text">
+      <td>
+        <input type="hidden" name="solution_time" value="<%= @solution_time %>" class="js-timeConvertTo">
+        <input type="text" value="<%= @solution_time_in_text %>" class="form-control--small timeframe js-timeConvertFrom" placeholder="hh:mm" name="solution_time_in_text">
+
     </tr>
   </tbody>
 </table>
\ No newline at end of file
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 519ea3e51..69befb4b8 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -5836,7 +5836,7 @@ output {
   }
 
   &.settings-list--toggleRow {
-    tr:not(.is-active) td * {
+    tr:not(.is-active) td > *:not(.dont-grey-out) {
       opacity: 0.33;
     }
   }