diff --git a/templates/task_orders/fragments/task_order_view.html b/templates/task_orders/fragments/task_order_view.html
index b71a683c..c78434ee 100644
--- a/templates/task_orders/fragments/task_order_view.html
+++ b/templates/task_orders/fragments/task_order_view.html
@@ -8,8 +8,8 @@
   {% set expended_funds = task_order.invoiced_funds %}
 
   <div>
-    <section class="row">
-      <div class='col col--grow summary-item'>
+    <section class="usa-grid">
+      <div class='usa-width-one-third summary-item'>
         <h4 class="summary-item__header">
           <span class="summary-item__header-text">{{ 'task_orders.summary.total' | translate }}</span>
           {{ Tooltip(("task_orders.review.tooltip.total_value" | translate), title="", classes="icon-tooltip--tight") }}
@@ -18,7 +18,7 @@
           {{ contract_amount | dollars }}
         </p>
       </div>
-      <div class='col col--grow summary-item'>
+      <div class='usa-width-one-third summary-item'>
         <h4 class="summary-item__header">
           <span class="summary-item__header-text">{{ 'task_orders.summary.obligated' | translate }}</span>
           {{ Tooltip(("task_orders.review.tooltip.obligated_funds" | translate), title="", classes="icon-tooltip--tight") }}
diff --git a/templates/task_orders/index.html b/templates/task_orders/index.html
index cbc412d4..f643894a 100644
--- a/templates/task_orders/index.html
+++ b/templates/task_orders/index.html
@@ -34,8 +34,8 @@
           <div class="accordion__content--list-item">
             <h4><a href="{{ url_for('task_orders.view_task_order', task_order_id=task_order.id) }}">{{ to_number }} {{ Icon("caret_right", classes="icon--tiny icon--primary" ) }}</a></h4>
             {% if status != 'Expired' -%}
-              <div class="row">
-                <div class="col col--grow">
+              <div class="usa-grid">
+                <div class="usa-width-one-fourth">
                   <h5>
                     Current Period of Performance
                   </h5>
@@ -45,11 +45,11 @@
                     {{ task_order.end_date | formattedDate(formatter="%b %d, %Y") }}
                   </p>
                 </div>
-                <div class="col col--grow">
+                <div class="usa-width-one-fourth">
                   <h5>Total Value</h5>
                   <p>{{ task_order.total_contract_amount | dollars }}</p>
                 </div>
-                <div class="col col--grow">
+                <div class="usa-width-one-fourth">
                   <h5>Total Obligated</h5>
                   <p>{{ task_order.total_obligated_funds | dollars }}</p>
                 </div>