diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 0da98f17..d7583b80 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -607,3 +607,28 @@
     margin-right: $gap * 3;
   }
 }
+
+.summary-item {
+  border-right: 1px solid $color-gray-light;
+  margin-right: $gap * 3;
+  padding-right: $gap * 3;
+  &:last-child {
+    border-right: none;
+    margin-right: 0;
+    padding-right: 0;
+  }
+  &__header {
+    margin: 0;
+    &-icon {
+      margin: 0;
+      padding: 0;
+    }
+  }
+  &__value {
+    font-size: $lead-font-size;
+    &--large {
+      font-size: 3.4rem;
+      font-weight: $font-bold;
+    }
+  }
+}
diff --git a/styles/sections/_reports.scss b/styles/sections/_reports.scss
index 66cdb073..699daac6 100644
--- a/styles/sections/_reports.scss
+++ b/styles/sections/_reports.scss
@@ -146,28 +146,3 @@
     }
   }
 }
-
-.reporting-summary-item {
-  border-right: 1px solid $color-gray-light;
-  margin-right: $gap * 3;
-  padding-right: $gap * 3;
-  &:last-child {
-    border-right: none;
-    margin-right: 0;
-    padding-right: 0;
-  }
-  &__header {
-    margin: 0;
-    &-icon {
-      margin: 0;
-      padding: 0;
-    }
-  }
-  &__value {
-    font-size: $lead-font-size;
-    &--large {
-      font-size: 3.4rem;
-      font-weight: $font-bold;
-    }
-  }
-}
diff --git a/templates/portfolios/reports/portfolio_summary.html b/templates/portfolios/reports/portfolio_summary.html
index 55922812..432ad28e 100644
--- a/templates/portfolios/reports/portfolio_summary.html
+++ b/templates/portfolios/reports/portfolio_summary.html
@@ -3,34 +3,34 @@
 
 
 <section class="row">
-  <div class='col col--grow reporting-summary-item'>
-    <h5 class="reporting-summary-item__header">
-      <span class="reporting-summary-item__header-text">Total Portfolio Value</span>
-      {{Tooltip(("common.lorem" | translate), title="", classes="reporting-summary-item__header-icon")}}
+  <div class='col col--grow summary-item'>
+    <h5 class="summary-item__header">
+      <span class="summary-item__header-text">Total Portfolio Value</span>
+      {{Tooltip(("common.lorem" | translate), title="", classes="summary-item__header-icon")}}
     </h5>
-    <p class="reporting-summary-item__value">{{ total_portfolio_value | dollars }}</p>
+    <p class="summary-item__value">{{ total_portfolio_value | dollars }}</p>
   </div>
-  <div class='col col--grow reporting-summary-item'>
-    <h5 class="reporting-summary-item__header">
-      <span class="reporting-summary-item__header-text">Funding Duration</span>
-      {{Tooltip(("common.lorem" | translate), title="", classes="reporting-summary-item__header-icon")}}
+  <div class='col col--grow summary-item'>
+    <h5 class="summary-item__header">
+      <span class="summary-item__header-text">Funding Duration</span>
+      {{Tooltip(("common.lorem" | translate), title="", classes="summary-item__header-icon")}}
     </h5>
     {% set earliest_pop_start_date, latest_pop_end_date = portfolio.funding_duration %}
     {% if earliest_pop_start_date and latest_pop_end_date  %}
-      <p class="reporting-summary-item__value" >
+      <p class="summary-item__value" >
         {{ earliest_pop_start_date | formattedDate(formatter="%B %d, %Y") }}
-        - 
+        -
         {{ latest_pop_end_date | formattedDate(formatter="%B %d, %Y") }}
       </p>
     {% else %}
-      <p class="reporting-summary-item__value"> - </p>
+      <p class="summary-item__value"> - </p>
     {% endif %}
   </div>
-  <div class='col col--grow reporting-summary-item'>
-    <h5 class="reporting-summary-item__header">
-      <span class="reporting-summary-item__header-text">Days Remaining</span>
-      {{Tooltip(("common.lorem" | translate), title="", classes="reporting-summary-item__header-icon")}}
+  <div class='col col--grow summary-item'>
+    <h5 class="summary-item__header">
+      <span class="summary-item__header-text">Days Remaining</span>
+      {{Tooltip(("common.lorem" | translate), title="", classes="summary-item__header-icon")}}
     </h5>
-    <p class="reporting-summary-item__value">{{ portfolio.days_to_funding_expiration }} days</p>
+    <p class="summary-item__value">{{ portfolio.days_to_funding_expiration }} days</p>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/templates/task_orders/fragments/task_order_view.html b/templates/task_orders/fragments/task_order_view.html
index 0b31cfba..1930c248 100644
--- a/templates/task_orders/fragments/task_order_view.html
+++ b/templates/task_orders/fragments/task_order_view.html
@@ -9,35 +9,35 @@
 
   <div>
     <section class="row">
-      <div class='col col--grow reporting-summary-item'>
-        <h4 class="reporting-summary-item__header">
-          <span class="reporting-summary-item__header-text">Total obligated funds</span>
-          {{ Tooltip(("task_orders.review.tooltip.obligated_funds" | translate), title="", classes="reporting-summary-item__header-icon") }}
+      <div class='col col--grow summary-item'>
+        <h4 class="summary-item__header">
+          <span class="summary-item__header-text">Total obligated funds</span>
+          {{ Tooltip(("task_orders.review.tooltip.obligated_funds" | translate), title="", classes="summary-item__header-icon") }}
         </h4>
-        <p class="reporting-summary-item__value--large">
+        <p class="summary-item__value--large">
           {{ obligated_funds | dollars }}
         </p>
       </div>
-      <div class='col col--grow reporting-summary-item'>
-        <h4 class="reporting-summary-item__header">
-          <span class="reporting-summary-item__header-text">Total Task Order value</span>
-          {{ Tooltip(("task_orders.review.tooltip.total_value" | translate), title="", classes="reporting-summary-item__header-icon") }}
+      <div class='col col--grow summary-item'>
+        <h4 class="summary-item__header">
+          <span class="summary-item__header-text">Total Task Order value</span>
+          {{ Tooltip(("task_orders.review.tooltip.total_value" | translate), title="", classes="summary-item__header-icon") }}
         </h4>
         {% set earliest_pop_start_date, latest_pop_end_date = portfolio.funding_duration %}
         {% if earliest_pop_start_date and latest_pop_end_date  %}
-          <p class="reporting-summary-item__value--large">
+          <p class="summary-item__value--large">
             {{ contract_amount | dollars }}
           </p>
         {% else %}
-          <p class="reporting-summary-item__value--large"> - </p>
+          <p class="summary-item__value--large"> - </p>
         {% endif %}
       </div>
-      <div class='col col--grow reporting-summary-item'>
-        <h4 class="reporting-summary-item__header">
-          <span class="reporting-summary-item__header-text">Total expended funds</span>
-          {{ Tooltip(("task_orders.review.tooltip.expended_funds" | translate), title="", classes="reporting-summary-item__header-icon") }}
+      <div class='col col--grow summary-item'>
+        <h4 class="summary-item__header">
+          <span class="summary-item__header-text">Total expended funds</span>
+          {{ Tooltip(("task_orders.review.tooltip.expended_funds" | translate), title="", classes="summary-item__header-icon") }}
         </h4>
-        <p class="reporting-summary-item__value--large">
+        <p class="summary-item__value--large">
           {{ expended_funds | dollars }}
         </p>
       </div>