1 files changed, 21 insertions, 4 deletions
diff --git a/app/assets/stylesheets/page_bundles/escalation_policies.scss b/app/assets/stylesheets/page_bundles/escalation_policies.scss
index f188dde1183..6f3873fea0c 100644
--- a/app/assets/stylesheets/page_bundles/escalation_policies.scss
+++ b/app/assets/stylesheets/page_bundles/escalation_policies.scss
@@ -16,9 +16,6 @@ $stroke-size: 1px;
 
 .right-arrow {
   @include gl-relative;
-  @include gl-mx-5;
-  @include gl-display-inline-block;
-  @include gl-vertical-align-middle;
   height: $stroke-size;
   background-color: var(--gray-900, $gray-900);
   min-width: $gl-spacing-scale-7;
@@ -27,7 +24,6 @@ $stroke-size: 1px;
     @include gl-absolute;
     top: -2*$stroke-size;
     left: calc(100% - #{5*$stroke-size});
-    @include gl-display-inline-block;
     @include gl-p-1;
     @include gl-border-solid;
     border-width: 0 $stroke-size $stroke-size 0;
@@ -35,3 +31,24 @@ $stroke-size: 1px;
     transform: rotate(-45deg);
   }
 }
+
+.escalation-rule-row {
+  @media (max-width: $breakpoint-lg) {
+    @include gl-flex-wrap;
+  }
+}
+
+.rule-condition {
+  @media (min-width: $breakpoint-lg) {
+    flex-basis: 25%;
+    flex-shrink: 0;
+  }
+
+  @media (max-width: $breakpoint-lg) {
+    @include gl-w-full;
+  }
+}
+
+.rule-action {
+  min-width: 0;
+}