From 31064cd5e62242895044ad7144d1cc3c96f9e430 Mon Sep 17 00:00:00 2001
From: Jen Breese-Kauth <jbreese@stanford.edu>
Date: Tue, 10 Feb 2026 08:15:30 -0800
Subject: [PATCH] IFDM-101

---
 app/interactives/mortgate-calculator-suite/page.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/interactives/mortgate-calculator-suite/page.tsx b/app/interactives/mortgate-calculator-suite/page.tsx
index 1aa3856..49744b4 100644
--- a/app/interactives/mortgate-calculator-suite/page.tsx
+++ b/app/interactives/mortgate-calculator-suite/page.tsx
@@ -736,8 +736,7 @@ export default function MortgageCalculator() {
                             ? "bg-lagunita-lighter text-black border-1 border-lagunita" 
                             : "bg-berry-light border-berry text-black"
                         }`}>
-                          {refinanceResults.monthlySavings >= 0 ? "+" : "-"}$
-                          {formatCurrency(Math.abs(refinanceResults.monthlySavings))}
+                          ${formatCurrency(Math.abs(refinanceResults.monthlySavings))}
                         </p>
                       </div>
 
@@ -748,8 +747,7 @@ export default function MortgageCalculator() {
                         <p className={`text-4xl font-bold ${
                           refinanceResults.totalSavings >= 0 ? "text-lagunita" : "text-berry"
                         }`}>
-                          {refinanceResults.totalSavings >= 0 ? "" : "-"}$
-                          {formatCurrency(Math.abs(refinanceResults.totalSavings))}
+                          ${formatCurrency(Math.abs(refinanceResults.totalSavings))}
                         </p>
                       </div>
                     </div>
@@ -758,13 +756,13 @@ export default function MortgageCalculator() {
                   {refinanceResults ? (
                     <div className="flex gap-4 w-full md:w-auto">
                       <Button
-                        className={`h-18 whitespace-normal cursor-pointer bg-lagunita border-2-lagunita hover:bg-white hover:border-2 hover:border-lagunita hover:text-lagunita text-white flex-1 md:flex-none`}
+                        className={`h-18 whitespace-normal cursor-pointer bg-lagunita border-2 border-lagunita hover:bg-white hover:border-2 hover:border-lagunita hover:text-lagunita text-white flex-1 md:flex-none`}
                         onClick={calculateRefinance}
                       >
                         Recalculate
                       </Button>
                       <Button
-                        className={`h-18 whitespace-normal bg-navy cursor-pointer border-2-navy hover:bg-white hover:border-2 hover:border-lagunita hover:text-lagunita text-white flex-1 md:flex-none`}
+                        className={`h-18 whitespace-normal bg-navy cursor-pointer border-2 border-navy hover:bg-white hover:border-2 hover:border-lagunita hover:text-lagunita text-white flex-1 md:flex-none`}
                         onClick={() => { setRefinanceResults(null); setRefCurrentBalance(""); setRefCurrentMonthlyPayment(""); setRefCurrentMonths(""); setRefCurrentRate(""); setRefNewLoanAmount(""); setRefNewRate(""); setRefNewMonths(""); setRefClosingCosts(""); setRefYearsIn(""); }}
                       >
                         Reset