diff --git a/client/src/Pages/Settings/SettingsAbout.jsx b/client/src/Pages/Settings/SettingsAbout.jsx
index 5551d8e7c..91a3c5e58 100644
--- a/client/src/Pages/Settings/SettingsAbout.jsx
+++ b/client/src/Pages/Settings/SettingsAbout.jsx
@@ -12,7 +12,7 @@ const SettingsAbout = () => {
 	return (
 		<ConfigBox>
 			<Box>
-				<Typography component="h1">{t("settingsAbout")}</Typography>
+				<Typography component="h1" variant="h2">{t("settingsAbout")}</Typography>
 			</Box>
 			<Box>
 				<Typography component="h2">Checkmate {2.1}</Typography>
diff --git a/client/src/Pages/Settings/SettingsDemoMonitors.jsx b/client/src/Pages/Settings/SettingsDemoMonitors.jsx
index 3a288f558..c685038de 100644
--- a/client/src/Pages/Settings/SettingsDemoMonitors.jsx
+++ b/client/src/Pages/Settings/SettingsDemoMonitors.jsx
@@ -23,7 +23,7 @@ const SettingsDemoMonitors = ({ isAdmin, HEADER_SX, handleChange, isLoading }) =
 		<>
 			<ConfigBox>
 				<Box>
-					<Typography component="h1">{t("settingsDemoMonitors")}</Typography>
+					<Typography component="h1" variant="h2">{t("settingsDemoMonitors")}</Typography>
 					<Typography sx={HEADER_SX}>{t("settingsDemoMonitorsDescription")}</Typography>
 				</Box>
 				<Box>
@@ -48,7 +48,7 @@ const SettingsDemoMonitors = ({ isAdmin, HEADER_SX, handleChange, isLoading }) =
 			</ConfigBox>
 			<ConfigBox>
 				<Box>
-					<Typography component="h1">{t("settingsSystemReset")}</Typography>
+					<Typography component="h1" variant="h2">{t("settingsSystemReset")}</Typography>
 					<Typography sx={{ mt: theme.spacing(2) }}>
 						{t("settingsSystemResetDescription")}
 					</Typography>
diff --git a/client/src/Pages/Settings/SettingsEmail.jsx b/client/src/Pages/Settings/SettingsEmail.jsx
index 38cc592da..49fa5c4a4 100644
--- a/client/src/Pages/Settings/SettingsEmail.jsx
+++ b/client/src/Pages/Settings/SettingsEmail.jsx
@@ -47,7 +47,7 @@ const SettingsEmail = ({
 	return (
 		<ConfigBox>
 			<Box>
-				<Typography component="h1">{t("settingsEmail")}</Typography>
+				<Typography component="h1" variant="h2">{t("settingsEmail")}</Typography>
 				<Typography sx={HEADER_SX}>{t("settingsEmailDescription")}</Typography>
 			</Box>
 			<Box>
diff --git a/client/src/Pages/Settings/SettingsPagespeed.jsx b/client/src/Pages/Settings/SettingsPagespeed.jsx
index c3636d0a1..ea45d66ed 100644
--- a/client/src/Pages/Settings/SettingsPagespeed.jsx
+++ b/client/src/Pages/Settings/SettingsPagespeed.jsx
@@ -41,7 +41,7 @@ const SettingsPagespeed = ({
 	return (
 		<ConfigBox>
 			<Box>
-				<Typography component="h1">{t("pageSpeedApiKeyFieldTitle")}</Typography>
+				<Typography component="h1" variant="h2">{t("pageSpeedApiKeyFieldTitle")}</Typography>
 				<Typography sx={HEADING_SX}>{t("pageSpeedApiKeyFieldDescription")}</Typography>
 			</Box>
 			<Stack gap={theme.spacing(20)}>
diff --git a/client/src/Pages/Settings/SettingsStats.jsx b/client/src/Pages/Settings/SettingsStats.jsx
index dd4fa11c0..333dfd229 100644
--- a/client/src/Pages/Settings/SettingsStats.jsx
+++ b/client/src/Pages/Settings/SettingsStats.jsx
@@ -26,6 +26,7 @@ const SettingsStats = ({ isAdmin, HEADING_SX, handleChange, settingsData, errors
 			<Box>
 				<Typography
 					component="h1"
+					variant="h2"
 					sx={HEADING_SX}
 				>
 					{t("settingsHistoryAndMonitoring")}
diff --git a/client/src/Pages/Settings/SettingsTimeZone.jsx b/client/src/Pages/Settings/SettingsTimeZone.jsx
index e6ba1a77b..fccd19466 100644
--- a/client/src/Pages/Settings/SettingsTimeZone.jsx
+++ b/client/src/Pages/Settings/SettingsTimeZone.jsx
@@ -15,7 +15,7 @@ const SettingsTimeZone = ({ HEADING_SX, handleChange, timezone }) => {
 	return (
 		<ConfigBox>
 			<Box>
-				<Typography component="h1">{t("settingsGeneralSettings")}</Typography>
+				<Typography component="h1" variant="h2">{t("settingsGeneralSettings")}</Typography>
 				<Typography sx={HEADING_SX}>
 					<Typography component="span">{t("settingsDisplayTimezone")}</Typography>-{" "}
 					{t("settingsDisplayTimezoneDescription")}
diff --git a/client/src/Pages/Settings/SettingsUI.jsx b/client/src/Pages/Settings/SettingsUI.jsx
index 24588d79e..e15b5e657 100644
--- a/client/src/Pages/Settings/SettingsUI.jsx
+++ b/client/src/Pages/Settings/SettingsUI.jsx
@@ -16,7 +16,7 @@ const SettingsUI = ({ HEADING_SX, handleChange, mode, language }) => {
 	return (
 		<ConfigBox>
 			<Box>
-				<Typography component="h1">{t("settingsAppearance")}</Typography>
+				<Typography component="h1" variant="h2">{t("settingsAppearance")}</Typography>
 				<Typography sx={HEADING_SX}>{t("settingsAppearanceDescription")}</Typography>
 			</Box>
 			<Stack gap={theme.spacing(20)}>