From daf09362875aabf228e2971706e0f54b82248eda Mon Sep 17 00:00:00 2001
From: zachery with an e <45150570+zweatshirt@users.noreply.github.com>
Date: Thu, 12 Feb 2026 16:12:11 -0600
Subject: [PATCH] Change Summary Typography underlying element from <p> to
 <div> to fix DOM nesting error

---
 src/components/Reports/SalaryCalculator/Summary/Summary.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Reports/SalaryCalculator/Summary/Summary.tsx b/src/components/Reports/SalaryCalculator/Summary/Summary.tsx
index 0d5f8d8ce2..00e54f9b2d 100644
--- a/src/components/Reports/SalaryCalculator/Summary/Summary.tsx
+++ b/src/components/Reports/SalaryCalculator/Summary/Summary.tsx
@@ -55,7 +55,7 @@ export const SummaryStep: React.FC = () => {
           </Typography>
         )}
 
-        <Typography variant="body1" sx={{ ul: { pl: 2 } }}>
+        <Typography variant="body1" component="div" sx={{ ul: { pl: 2 } }}>
           <Trans t={t}>
             As you review the information here, please take note:
             <ul>