Merge pull request #1911 from Owaiseimdad/Error-wrap-maintenance-page

Error wrap maintenance page

src/Components/Inputs/Search/index.jsx

@@ -128,7 +128,7 @@ const Search = ({
 						<Typography
 							component="span"
 							className="input-error"
-							color={theme.palette.error.contrastText}
+							color={theme.palette.error.main}
 							mt={theme.spacing(2)}
 							sx={{
 								opacity: 0.8,

src/Components/Link/index.jsx

@@ -14,7 +14,14 @@ const Link = ({ level, label, url }) => {
 	const theme = useTheme();
 
 	const levelConfig = {
-		primary: {},
+		primary: {
+			color: theme.palette.primary.contrastTextTertiary,
+			sx: {
+				":hover": {
+					color: theme.palette.primary.contrastTextSecondary,
+				},
+			},
+		},
 		secondary: {
 			color: theme.palette.primary.contrastTextSecondary,
 			sx: {

src/Utils/Theme/globalTheme.js

@@ -332,13 +332,13 @@ const baseTheme = (palette) => ({
 						color: palette.error.main,
 						opacity: 0.8,
 						fontSize: "var(--env-var-font-size-medium)",
-
 						marginLeft: 0,
 					},
 					"& .MuiFormHelperText-root.Mui-error": {
 						opacity: 0.8,
 						fontSize: "var(--env-var-font-size-medium)",
 						color: palette.error.main,
+						whiteSpace: 'nowrap',
 					},
 				}),
 			},