diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 9527ad45..af927b3b 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -47,10 +47,6 @@
 
 .task-order-summary {
 
-  @include media($medium-screen) {
-    @include grid-row;
-    flex-wrap: wrap;
-  }
 
   .panel {
     width: 100%;
@@ -86,11 +82,16 @@
 
   .task-order-details {
     flex-grow: 1;
+    @include media($xlarge-screen) {
+      @include grid-row;
+    }
   }
 
   .task-order-next-steps {
     flex-grow: 1;
-    padding-right: $gap;
+    @include media($xlarge-screen) {
+      padding-right: $gap;
+    }
 
     .task-order-next-steps__step {
       .task-order-next-steps__icon {
diff --git a/templates/portfolios/task_orders/show.html b/templates/portfolios/task_orders/show.html
index 1177df86..17a400c4 100644
--- a/templates/portfolios/task_orders/show.html
+++ b/templates/portfolios/task_orders/show.html
@@ -82,7 +82,7 @@
     </div>
   </div>
 
-  <div class="task-order-details row">
+  <div class="task-order-details">
     <div class="task-order-next-steps">
       <div class="panel">
         <h3 class="panel__content">What's next?</h3>