Use components defined in the codebase; Extract some text for i18n purposes.

1 files changed, 3 insertions, 2 deletions

diff --git a/src/components/settings/user/EditUserForm.js b/src/components/settings/user/EditUserForm.js
index 95498d9bb..4d101730f 100644
--- a/src/components/settings/user/EditUserForm.js
+++ b/src/components/settings/user/EditUserForm.js
@@ -9,6 +9,7 @@ import Form from '../../../lib/Form';
 import Button from '../../ui/Button';
 import Radio from '../../ui/Radio';
 import Infobox from '../../ui/Infobox';
+import { H2 } from '../../ui/headline';
 
 const messages = defineMessages({
   headline: {
@@ -85,7 +86,7 @@ class EditUserForm extends Component {
                 {intl.formatMessage(messages.successInfo)}
               </Infobox>
             )}
-            <h2>{intl.formatMessage(messages.headlineAccount)}</h2>
+            <H2>{intl.formatMessage(messages.headlineAccount)}</H2>
             <div className="grid__row">
               <Input {...form.$('firstname').bind()} focus />
               <Input {...form.$('lastname').bind()} />
@@ -95,7 +96,7 @@ class EditUserForm extends Component {
             {form.$('accountType').value === 'company' && (
               <Input field={form.$('organization')} />
             )}
-            <h2>{intl.formatMessage(messages.headlinePassword)}</h2>
+            <H2>{intl.formatMessage(messages.headlinePassword)}</H2>
             <Input {...form.$('oldPassword').bind()} showPasswordToggle />
             <Input
               {...form.$('newPassword').bind()}