diff --git a/heat-stack/app/components/ui/heat/CaseSummaryComponents/HeatLoadAnalysis.tsx b/heat-stack/app/components/ui/heat/CaseSummaryComponents/HeatLoadAnalysis.tsx
index 4bf674cf..98524ee2 100644
--- a/heat-stack/app/components/ui/heat/CaseSummaryComponents/HeatLoadAnalysis.tsx
+++ b/heat-stack/app/components/ui/heat/CaseSummaryComponents/HeatLoadAnalysis.tsx
@@ -4,11 +4,10 @@ import { WholeHomeUAComparison } from './Graphs/WholeHomeUAComparison.tsx'
 
 export function Graphs() {
 	const fuelType = 'Natural Gas'
+	const titleClassTailwind = 'text-5xl font-extrabold tracking-wide'
 	return (
 		<div>
-			<h2 className="text-5xl font-extrabold tracking-wide">
-				Heat Load Analysis
-			</h2>
+			<h2 className={`${titleClassTailwind}`}>Heat Load Analysis</h2>
 			Fuel Type
 			{fuelType}
 			<AnalysisHeader />