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

1 files changed, 2 insertions, 1 deletions

diff --git a/src/features/basicAuth/Component.js b/src/features/basicAuth/Component.js
index 89b0a4e72..ab5c518f8 100644
--- a/src/features/basicAuth/Component.js
+++ b/src/features/basicAuth/Component.js
@@ -14,6 +14,7 @@ import Form from './Form';
 
 import styles from './styles';
 import globalMessages from '../../i18n/globalMessages';
+import { H1 } from '../../components/ui/headline';
 
 const messages = defineMessages({
   signIn: {
@@ -64,7 +65,7 @@ class BasicAuthModal extends Component {
         close={this.cancel.bind(this)}
         showClose={false}
       >
-        <h1>{intl.formatMessage(messages.signIn)}</h1>
+        <H1>{intl.formatMessage(messages.signIn)}</H1>
         <p>
           http
           {authInfo.port === 443 && 's'}