hot fixes

src/Components/FormInput.js

@@ -30,13 +30,13 @@ const StyledTextField = styled(TextField)`
     width : 100% !important;
 
     .MuiOutlinedInput-root {
-        &.Mui-focused.Mui-error fieldset{
+        /* &.Mui-focused.Mui-error fieldset{
             border-color: ${props => props.contrast === "" ? "red" : "#e75480"};
         }
 
         &.Mui-error fieldset{
             border-color: ${props => props.contrast === "" ? "red" : "#e75480"};
-        }
+        } */
 
         &.Mui-focused fieldset {
             border-color: ${props => props.contrast === "" ? "#00bcd4" : "yellow"};
@@ -55,12 +55,12 @@ const StyledTextField = styled(TextField)`
     }
 
     label.Mui-focused.Mui-error {
-        color: ${props => props.contrast === "" ? "red" : "#e75480"};
+        color: red;
     }
 
-    label.Mui-error {
+    /* label.Mui-error {
         color: ${props => props.contrast === "" ? "red" : "#e75480"};
-    }
+    } */
 `
 
 const useStyles = makeStyles(theme => ({
@@ -105,7 +105,8 @@ export default function FormInput(props) {
             rowsMax={props.rowsMax}
             InputProps={props.contrast === "" ? { className: classes.lightTextField } : { className: classes.darkTextField }}
             required={props.required}
-            helperText={<span style={props.contrast === "" ? { color: "red" } : { color: "#e75480" }}>{props.help}</span>}
+            // helperText={<span style={props.contrast === "" ? { color: "red" } : { color: "#e75480" }}>{props.help}</span>}
+            helperText={props.help}
             style={{ width: "100%" }}
             mask={props.mask}
             multiline={props.multi}