diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 0b887352..bdcaf40e 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -93,7 +93,7 @@
     margin-top: $gap * 2;
   }
 
-  .to-sidebar {
+  .totals-box {
     padding: $gap * 4;
     padding-top: $gap * 2;
     flex-grow: unset;
diff --git a/templates/components/to_sidebar.html b/templates/components/totals_box.html
similarity index 88%
rename from templates/components/to_sidebar.html
rename to templates/components/totals_box.html
index c7109a9f..08d47d63 100644
--- a/templates/components/to_sidebar.html
+++ b/templates/components/totals_box.html
@@ -1,6 +1,6 @@
-{% macro TOSidebar(task_order) -%}
+{% macro TotalsBox(task_order) -%}
 
-  <div class="col to-sidebar">
+  <div class="col totals-box">
     <div class="h4">Total obligated funds</div>
     <div class="h3">$500,000</div>
     <div>This is the funding allocated to cloud services. It may be 100% or a portion of the total task order budget.</div>
diff --git a/templates/portfolios/task_orders/review.html b/templates/portfolios/task_orders/review.html
index cd29ebb3..21d32dd6 100644
--- a/templates/portfolios/task_orders/review.html
+++ b/templates/portfolios/task_orders/review.html
@@ -1,7 +1,7 @@
 {% extends 'portfolios/base.html' %}
 
 {% from "components/icon.html" import Icon %}
-{% from "components/to_sidebar.html" import TOSidebar %}
+{% from "components/totals_box.html" import TotalsBox %}
 
 {% block content %}
 
@@ -83,7 +83,7 @@
       <div class="h4">{{ Icon('ok',classes="icon-validation") }}document</div>
     </div>
 
-    {{ TOSidebar(task_order=task_order) }}
+    {{ TotalsBox(task_order=task_order) }}
 
   </div>