diff --git a/client/src/Components/v1/Check/Check.jsx b/client/src/Components/v1/Check/Check.jsx
index cc3749fda..c40f3de3e 100644
--- a/client/src/Components/v1/Check/Check.jsx
+++ b/client/src/Components/v1/Check/Check.jsx
@@ -56,7 +56,14 @@ const Check = ({ text, noHighlightText, variant = "info", outlined = false }) =>
fontWeight: 450,
}}
>
- {noHighlightText && {noHighlightText}}{" "}
+ {noHighlightText && (
+
+ {noHighlightText}
+
+ )}{" "}
{text}
diff --git a/client/src/Pages/Account/components/ProfilePanel.jsx b/client/src/Pages/Account/components/ProfilePanel.jsx
index d59923ae4..dfe508879 100644
--- a/client/src/Pages/Account/components/ProfilePanel.jsx
+++ b/client/src/Pages/Account/components/ProfilePanel.jsx
@@ -210,7 +210,11 @@ const ProfilePanel = () => {
autoComplete="given-name"
onChange={handleChange}
error={errors[idToName["edit-first-name"]] ? true : false}
- helperText={errors[idToName["edit-first-name"]]}
+ helperText={
+ errors[idToName["edit-first-name"]]
+ ? t(errors[idToName["edit-first-name"]])
+ : ""
+ }
flex={1}
/>
@@ -228,7 +232,11 @@ const ProfilePanel = () => {
value={localData.lastName}
onChange={handleChange}
error={errors[idToName["edit-last-name"]] ? true : false}
- helperText={errors[idToName["edit-last-name"]]}
+ helperText={
+ errors[idToName["edit-last-name"]]
+ ? t(errors[idToName["edit-last-name"]])
+ : ""
+ }
flex={1}
/>
diff --git a/client/src/Pages/Auth/components/PasswordTooltip.jsx b/client/src/Pages/Auth/components/PasswordTooltip.jsx
index 2881eb001..361850aca 100644
--- a/client/src/Pages/Auth/components/PasswordTooltip.jsx
+++ b/client/src/Pages/Auth/components/PasswordTooltip.jsx
@@ -75,7 +75,7 @@ const PasswordTooltip = ({ feedback, form, children }) => {
slotProps={{
tooltip: {
sx: {
- backgroundColor: theme.palette.tertiary.background,
+ backgroundColor: theme.palette.tertiary.main,
border: `0.5px solid ${theme.palette.primary.lowContrast}90`,
borderRadius: theme.spacing(4),
color: theme.palette.primary.contrastText,
@@ -88,7 +88,7 @@ const PasswordTooltip = ({ feedback, form, children }) => {
},
arrow: {
sx: {
- color: theme.palette.tertiary.background,
+ color: theme.palette.tertiary.main,
},
},
}}