M app/src/containers/Car/HeaderEditing.js → app/src/containers/Car/HeaderEditing.js

@@ -96,7 +96,12 @@ 
   return (
     <div className={classes.header}>
       <form onSubmit={onSave}>
-        <IconButton type="submit" className={classes.editBtn}>
+        <IconButton
+          size="small"
+          color="primary"
+          type="submit"
+          className={classes.editBtn}
+        >
           <Icon>done</Icon>
         </IconButton>
         <DateTimePicker
@@ -150,6 +155,8 @@ className={classes.textField}
           label={t('car.creation.notes')}
           fullWidth
           margin="dense"
+          inputProps={{maxLength: 250}}
+          helperText={`${details.length}/250`}
           multiline
           rows={2}
           value={details}
@@ -208,6 +215,7 @@ editBtn: {
     position: 'absolute',
     top: 0,
     right: 0,
+    margin: theme.spacing(1),
     zIndex: theme.zIndex.speedDial,
   },
   section: {

M app/src/containers/NewCarDialog/index.js → app/src/containers/NewCarDialog/index.js

@@ -141,6 +141,8 @@ className={classes.textField}
               label={t('car.creation.notes')}
               fullWidth
               margin="dense"
+              inputProps={{maxLength: 250}}
+              helperText={`${details.length}/250`}
               multiline
               rows={4}
               value={details}