diff --git a/Client/src/Components/Inputs/Checkbox/index.jsx b/Client/src/Components/Inputs/Checkbox/index.jsx
index 7d9a31bd3..a0348dedf 100644
--- a/Client/src/Components/Inputs/Checkbox/index.jsx
+++ b/Client/src/Components/Inputs/Checkbox/index.jsx
@@ -37,6 +37,7 @@ const Checkbox = ({
onChange,
isDisabled,
}) => {
+ /* TODO move sizes to theme */
const sizes = { small: "14px", medium: "16px", large: "18px" };
const theme = useTheme();
@@ -78,6 +79,10 @@ const Checkbox = ({
fontSize: 13,
color: theme.palette.text.tertiary,
},
+ ".MuiFormControlLabel-label.Mui-disabled": {
+ color: theme.palette.text.tertiary,
+ opacity: 0.25,
+ },
}}
/>
);
diff --git a/Client/src/Components/Inputs/Field/index.jsx b/Client/src/Components/Inputs/Field/index.jsx
index ccb0c1e37..0e558c197 100644
--- a/Client/src/Components/Inputs/Field/index.jsx
+++ b/Client/src/Components/Inputs/Field/index.jsx
@@ -67,7 +67,7 @@ const Field = forwardRef(
borderColor: theme.palette.border.dark,
},
"&:has(.input-error) .MuiOutlinedInput-root fieldset": {
- borderColor: theme.palette.error.contrastText,
+ borderColor: theme.palette.error.main,
},
display: hidden ? "none" : "",
}}
@@ -83,7 +83,7 @@ const Field = forwardRef(
*
@@ -189,7 +189,7 @@ const Field = forwardRef(