u

src/components/CompanySettingsDialog.jsx

@@ -17,6 +17,7 @@ import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import { enqueueSnackbar } from 'notistack';
 import BackendError from './BackendError';
+import SingleLineTextEdit from './SingleLineTextEdit';
 import { selectAuthUser } from '../store/authSlice';
 import {
   loadCurrentCompany,
@@ -135,14 +136,13 @@ class CompanySettingsDialog extends Component {
               </Box>
             ) : (
               <Stack spacing={2}>
-                <TextField
-                  fullWidth
+                <SingleLineTextEdit
                   required
                   size="small"
                   label="Name"
                   value={name}
                   disabled={busy}
-                  onChange={(e) => this.setState({ name: e.target.value })}
+                  onChange={(nextName) => this.setState({ name: nextName })}
                   autoComplete="organization"
                   autoFocus
                 />