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

1 files changed, 2 insertions, 1 deletions

diff --git a/src/components/auth/Password.js b/src/components/auth/Password.js
index 49930f6bd..8a5ef28f3 100644
--- a/src/components/auth/Password.js
+++ b/src/components/auth/Password.js
@@ -10,6 +10,7 @@ import Button from '../ui/Button';
 import Link from '../ui/Link';
 import Infobox from '../ui/Infobox';
 import globalMessages from '../../i18n/globalMessages';
+import { H1 } from '../ui/headline';
 
 const messages = defineMessages({
   headline: {
@@ -79,7 +80,7 @@ class Password extends Component {
       <div className="auth__container">
         <form className="franz-form auth__form" onSubmit={e => this.submit(e)}>
           <Link to='/auth/welcome'><img src="./assets/images/logo.svg" className="auth__logo" alt="" /></Link>
-          <h1>{intl.formatMessage(messages.headline)}</h1>
+          <H1>{intl.formatMessage(messages.headline)}</H1>
           {status.length > 0 && status.includes('sent') && (
             <Infobox type="success" icon="checkbox-marked-circle-outline">
               {intl.formatMessage(messages.successInfo)}