diff --git a/app/assets/javascripts/app/views/sla/index.jst.eco b/app/assets/javascripts/app/views/sla/index.jst.eco
index d961711f1..8fdcc9ea6 100644
--- a/app/assets/javascripts/app/views/sla/index.jst.eco
+++ b/app/assets/javascripts/app/views/sla/index.jst.eco
@@ -17,21 +17,19 @@
 
 <% for sla in @slas: %>
 <div class="action" data-id="<%- sla.id %>">
-  <div class="action-flow">
-    <div class="action-block">
+  <div class="action-flow action-flow--row">
+    <div class="action-row">
       <h3><%= sla.name %></h3>
     </div>
-  </div>
-  <div class="action-flow">
-    <div class="action-block">
-      <h3><%- @T('Filter') %></h3>
+    <div class="action-block action-block--flex">
+      <div class="label"><%- @T('Filter') %></div>
       <% for rule in sla.rules: %>
         <%- rule %><br>
       <% end %>
     </div>
     <svg class="action-flow-icon"><use xlink:href="#icon-arrow-right" /></svg>
-    <div class="action-block">
-      <h3><%- @T('Escalation Times') %></h3>
+    <div class="action-block action-block--flex">
+      <div class="label"><%- @T('Escalation Times') %></div>
       <% if sla.first_response_time: %>
         <%- sla.first_response_time_in_text %> <%- @T('hours') %> - <%- @T('First Response Time') %><br>
       <% end %>
@@ -42,10 +40,10 @@
         <%- sla.solution_time_in_text %> <%- @T('hours') %> - <%- @T('Solution Time') %>
       <% end %>
     </div>
-    <div class="action-controls">
-      <div class="sla-toggle btn btn--danger btn--secondary js-delete"><%- @T('Delete') %></div>
-      <div class="sla-edit btn js-edit"><%- @T('Edit') %></div>
-    </div>
+  </div>
+  <div class="action-controls">
+    <div class="sla-toggle btn btn--danger btn--secondary js-delete"><%- @T('Delete') %></div>
+    <div class="sla-edit btn js-edit"><%- @T('Edit') %></div>
   </div>
 </div>
 <% end %>