diff --git a/src/Components/Alert/index.jsx b/src/Components/Alert/index.jsx
index a52761ca4..54fba31b8 100644
--- a/src/Components/Alert/index.jsx
+++ b/src/Components/Alert/index.jsx
@@ -36,8 +36,8 @@ const Alert = ({ variant, title, body, isToast, hasIcon = true, onClick }) => {
 	*/
 
 	const text = theme.palette.secondary.contrastText;
-	const bg = theme.palette.secondary.main;
-	const border = theme.palette.secondary.contrastText;
+	const border = theme.palette.alert.border;
+	const bg = theme.palette.alert.background;
 	const icon = icons[variant];
 
 	return (
diff --git a/src/Utils/Theme/constants.js b/src/Utils/Theme/constants.js
index cd2b2e316..37c98274e 100644
--- a/src/Utils/Theme/constants.js
+++ b/src/Utils/Theme/constants.js
@@ -290,6 +290,16 @@ const newSemanticColors = {
 			dark: "#C084FC",
 		},
 	},
+	alert: {
+		background: {
+			light: newColors.gray200,
+			dark: "#1c1c1c",
+		},
+		border: {
+			light: newColors.blueGray600,
+			dark: "#515151",
+		},
+	},
 };
 
 export { typographyLevels, semanticColors as colors, newSemanticColors };