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

2 files changed, 4 insertions, 2 deletions

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 ===== */}