diff --git a/src/Components/Fallback/index.jsx b/src/Components/Fallback/index.jsx
index 901569228..1b6ee93c7 100644
--- a/src/Components/Fallback/index.jsx
+++ b/src/Components/Fallback/index.jsx
@@ -124,13 +124,13 @@ const Fallback = ({ title, checks, link = "/", isAdmin, vowelStart = false, show
 							<Box sx={{ width: "80%", maxWidth: "600px", zIndex: 1 }}>
 								<Box sx={{
 									'& .alert.row-stack': {
-										backgroundColor: theme.palette.pageSpeedWarning.main,
-										borderColor: theme.palette.pageSpeedWarning.lowContrast,
+										backgroundColor: theme.palette.warningSecondary.main,
+										borderColor: theme.palette.warningSecondary.lowContrast,
 										'& .MuiTypography-root': {
-											color: theme.palette.pageSpeedWarning.contrastText
+											color: theme.palette.warningSecondary.contrastText
 										},
 										'& .MuiBox-root > svg': {
-											color: theme.palette.pageSpeedWarning.contrastText
+											color: theme.palette.warningSecondary.contrastText
 										}
 									}
 								}}>
diff --git a/src/Utils/Theme/constants.js b/src/Utils/Theme/constants.js
index 8c1682e47..8c4127c3d 100644
--- a/src/Utils/Theme/constants.js
+++ b/src/Utils/Theme/constants.js
@@ -236,7 +236,7 @@ const newSemanticColors = {
 		},
 	},
 	/* Custom palette for PageSpeed warning box */
-	pageSpeedWarning: {
+	warningSecondary: {
 		main: {
 			light: paletteColors.orange50,
 			dark: paletteColors.orange800,