Fix IE alignment for task order view page

styles/sections/_task_order.scss

@@ -47,13 +47,8 @@
 
 .task-order-summary {
 
-
   .panel {
     width: 100%;
-
-    @include ie-only {
-      max-width: 100%;
-    }
   }
 
   .task-order-heading {
@@ -93,6 +88,10 @@
       padding-right: $gap;
     }
 
+    @include ie-only {
+      width: 100%;
+    }
+
     .task-order-next-steps__step {
       .task-order-next-steps__icon {
         padding: $gap $gap 0 0;
@@ -105,6 +104,12 @@
         }
       }
 
+      .task-order-next-steps__text {
+        @include ie-only {
+          width: 100%
+        }
+      }
+
       .task-order-next-steps__heading {
         h4 {
           margin: $gap $gap 0 0;

templates/portfolios/task_orders/show.html

@@ -9,7 +9,7 @@
     <div class="task-order-next-steps__icon col">
       <span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
     </div>
-    <div>
+    <div class="task-order-next-steps__text">
       <div class="task-order-next-steps__heading row">
         <h4>{{ title }}</h4>
         {% if link_url %}