3 files changed, 6 insertions, 3 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'}
diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index 878713fe9..6829fddaa 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -18,6 +18,7 @@ import Request from '../../../stores/lib/Request';
 import { KEEP_WS_LOADED_USID } from '../../../config';
 
 import Toggle from '../../../components/ui/Toggle';
+import { H2 } from '../../../components/ui/headline';
 
 const messages = defineMessages({
   buttonDelete: {
@@ -183,7 +184,7 @@ class EditWorkspaceForm extends Component {
               {intl.formatMessage(messages.keepLoadedInfo)}
             </p>
           </div>
-          <h2>{intl.formatMessage(messages.servicesInWorkspaceHeadline)}</h2>
+          <H2>{intl.formatMessage(messages.servicesInWorkspaceHeadline)}</H2>
           <div className={classes.serviceList}>
             {services.length === 0 ? (
               <div className="align-middle settings__empty-state">
diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index 770186be7..f21aaa258 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -12,6 +12,7 @@ import CreateWorkspaceForm from './CreateWorkspaceForm';
 import Request from '../../../stores/lib/Request';
 import Appear from '../../../components/ui/effects/Appear';
 import UIStore from '../../../stores/UIStore';
+import { H1 } from '../../../components/ui/headline';
 
 const messages = defineMessages({
   headline: {
@@ -98,7 +99,7 @@ class WorkspacesDashboard extends Component {
     return (
       <div className="settings__main">
         <div className="settings__header">
-          <h1>{intl.formatMessage(messages.headline)}</h1>
+          <H1>{intl.formatMessage(messages.headline)}</H1>
         </div>
         <div className="settings__body">
           {/* ===== Workspace updated info ===== */}