React js material ui textfield helper text position

I am working on my react js project, I am using the material UI library to edit table rows, the problem is I can't align the text field with other fields, when the helper text appears the text field moves up ?? any help i would be grateful

      <TableRow className={classes.root} >
        </TableCell>

          {edit ?    <TableCell align="justify"><TextField tfield
          value={state.Name}
          name={row.Name}
          id="Name"
          onChange={e => handle_change(e, row.Name)}
         error={Boolean(HelperText["Name"] != "") ? true : false}

          helperText={HelperText["Name"]}
       
        /></TableCell>  :  <TableCell align="left">{row.Name}</TableCell>
}
          {edit ?    <TableCell align="justify"><TextField
          value={state.address}
          name={row.address}
          id="address"
          error={Boolean(HelperText["address"] != "") ? true : false}
          helperText={HelperText["address"]}

          onChange={e => handle_change(e, row.address)}
    
        /></TableCell>  :  <TableCell align="left">{row.address}</TableCell>

}
{edit ?    <TableCell align="justify"><TextField
          value={state.commune}
          id="commune"
          name={row.commune}
          onChange={e => handle_change(e, row.commune)}
           error={Boolean(HelperText["commune"] != "") ? true : false}
          helperText={HelperText["commune"]}
       
        /></TableCell>  :  <TableCell align="left">{row.commune}</TableCell>
}
{edit ?    <TableCell align="justify">   <Select style={{ marginBottom : "10px", minWidth: 120,}}
            value={Wilaya}
          onChange={handleChangeWilaya}
          id="wilaya"
                                                     InputProps={{
        
          name={row.wilaya}
          displayEmpty
          // className={classes.selectEmpty}
          inputProps={{ 'aria-label': 'Without label' }}
          >
              {wilaya.map((item,index)=>{
                  return  <MenuItem value={item.nom.toString()} >{item.nom.toString()}</MenuItem>
              })}

          </Select></TableCell>  :  <TableCell align="left">{row.wilaya}</TableCell>
}
      </TableRow>