login

src/container/Login.js

@@ -157,7 +157,7 @@ class Login extends Component {
             this.validateLogin()
           }}
           >
-            <div style={{ paddingTop: 56, padding: 65, display: 'flex', flexDirection: 'column', height: (this.state.msgEmail.length > 45 ? 466 : 441), borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff' }}>
+            <div style={{ maxWidth: 397, paddingTop: 56, padding: 65, display: 'flex', flexDirection: 'column', height: (this.state.msgEmail.length > 45 ? 475 : 441), borderRadius: 12, boxShadow: '0 2 4 0 rgba(0, 0, 0, 0.2)', backgroundColor: '#ffffff' }}>
               <img src={Images.triputraBlack} style={{ height: 59, width: 175, alignSelf: 'center'}} />
 
               <TextField
@@ -189,7 +189,7 @@ class Login extends Component {
                 }}
                 variant="outlined"
                 error={this.state.errorPassword}
-                style={{ width: '100%', height: 51, marginTop: this.state.errorEmail ? (this.state.msgEmail.length > 45 ? 60 : 35) : 20 }}
+                style={{ width: '100%', height: 51, marginTop: this.state.errorEmail ? (this.state.msgEmail.length > 45 ? 70 : 35) : 20 }}
                 helperText={this.state.msgPassword}
                 onSubmit={() => this.validateLogin()}
                 InputProps={{