diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 853efc4c..23175add 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -85,12 +85,15 @@
   }
 
   .portfolio-total-balance {
-    flex-direction: row-reverse;
-    margin: 2 * $gap 0;
-    padding-right: 14rem;
+    margin-top: -$gap;
+    .row {
+      flex-direction: row-reverse;
+      margin: 2 * $gap 0;
+      padding-right: 14rem;
 
-    .label {
-      margin: 0 2 * $gap;
+      .label {
+        margin: 0 2 * $gap;
+      }
     }
   }
 }
diff --git a/templates/portfolios/task_orders/index.html b/templates/portfolios/task_orders/index.html
index 52172327..0f1df834 100644
--- a/templates/portfolios/task_orders/index.html
+++ b/templates/portfolios/task_orders/index.html
@@ -125,8 +125,8 @@
 
   {% if active_task_orders %}
     {{ TaskOrderList(active_task_orders, label='success') }}
-    <div class='panel'>
-      <div class='panel__content portfolio-total-balance row'>
+    <div class='panel portfolio-total-balance'>
+      <div class='panel__content row'>
         <span>{{ total_balance | dollars }}</span>
         <span class='label label--success'>Total Active Balance</span>
       </div>