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

1 files changed, 2 insertions, 1 deletions

diff --git a/src/components/services/content/ServiceDisabled.js b/src/components/services/content/ServiceDisabled.js
index b4658618e..da5357bf2 100644
--- a/src/components/services/content/ServiceDisabled.js
+++ b/src/components/services/content/ServiceDisabled.js
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react';
 import { defineMessages, injectIntl } from 'react-intl';
 
 import Button from '../../ui/Button';
+import { H1 } from '../../ui/headline';
 
 const messages = defineMessages({
   headline: {
@@ -28,7 +29,7 @@ class ServiceDisabled extends Component {
 
     return (
       <div className="services__info-layer">
-        <h1>{intl.formatMessage(messages.headline, { name })}</h1>
+        <H1>{intl.formatMessage(messages.headline, { name })}</H1>
         <Button
           label={intl.formatMessage(messages.action, { name })}
           buttonType="inverted"