fix size inputs form with res >1920

src/components/mainPart/form/form.css

@@ -41,22 +41,29 @@
 
 @media screen and (min-width: 2000px) {
     .MuiTextField-root {
-        /* padding: 20px !important; */
-        /* height: 100px; 25 12 8 */
+        height: 3.5vw !important;
     }
 
     .MuiInputLabel-root {
-        /* top: 0px !important; */
+        font-size: .9vw !important;
         line-height: 1vw !important;
+        top: .4vw !important;
+        left: .3vw !important;
+    }
+
+    .MuiFilledInput-root {
     }
 
     .MuiFilledInput-input {
+        padding: 1.4vw 10px 10px .6vw !important;
         font-size: 1vw !important;
-        /* height: 40% !important; */
-        padding: 1vw .5vw .4vw  !important;
-    }   
+    }
 
-    .MuiInputLabel-root {
-        font-size: .8vw !important;
+    .MuiFilledInput-root.Mui-error {
+        border: 2px solid #EB5757 !important;
+    }
+
+    .MuiFormHelperText-root.Mui-error {
+        font-size: .6vw !important;
     }
 }

src/components/mainPart/form/form.tsx

@@ -76,7 +76,7 @@ export const Form:React.FC<TProps> = React.memo((props) => {
             {props.dateInfo}
         </span>      */}
         <form className="request-form" onSubmit={handleSubmit(onSubmit)}>
-            <Controller
+            <Controller                
                 name="firstName"
                 control={control}
                 defaultValue=''
@@ -117,10 +117,10 @@ export const Form:React.FC<TProps> = React.memo((props) => {
             <Controller
                 name="email"
                 control={control}
-                defaultValue=''
+                defaultValue=''                                
                 render={({ field }) =>
                     <CustomizedTextField
-                        sx={errorStyle}
+                        sx={{...errorStyle, marginBottom: '20px'}}
                         {...field}
                         InputProps={{disableUnderline: true}}
                         variant={"filled"}