diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index bdb6d8ac..5ed8a143 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -116,7 +116,11 @@
     margin-left: -.4rem;
   }
 
-  .cents {
+  .portfolio-header__budget--amount {
+    white-space: nowrap;
+  }
+
+  .portfolio-header__budget--cents {
     font-size: 2rem;
     margin-top: .75rem;
     margin-left: -.7rem;
diff --git a/templates/portfolios/header.html b/templates/portfolios/header.html
index 18674b5e..b64e00b5 100644
--- a/templates/portfolios/header.html
+++ b/templates/portfolios/header.html
@@ -21,11 +21,11 @@
           {{ Icon('info') }}
         </button>
       </div>
-      <div>
+      <div class='portfolio-header__budget--amount'>
         <span class='portfolio-header__budget--dollars'>
           {{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justDollars }}
         </span>
-        <span class='cents'>
+        <span class='portfolio-header__budget--cents'>
           .{{ portfolio.task_orders | selectattr('is_active') | sum(attribute='budget') | justCents }}
         </span>
       </div>