diff --git a/core/themes/seven/maintenance-page.css b/core/themes/seven/maintenance-page.css
index fb1e3a0..c27382f 100644
--- a/core/themes/seven/maintenance-page.css
+++ b/core/themes/seven/maintenance-page.css
@@ -18,10 +18,11 @@
 .in-maintenance {
   background: none;
 }
-.name-and-slogan h1 {
+.page-title {
   font-size: 2em;
   line-height: 1.2em;
   color: #0074bd;
+  word-wrap: break-word;
 }
 
 /**
@@ -39,7 +40,7 @@
     right: 0.5em;
   }
   [dir="rtl"] .step-indicator {
-    left: 2em;
+    left: 0;
     right: auto;
   }
   .task-list {
@@ -118,9 +119,16 @@
     margin: 1.25em;
     padding: 10px 20px;
   }
-  .name-and-slogan {
-    margin: 0 0 1.45em 0;
+  .page-title {
+    margin-right: 2em;
+    margin-bottom: 0.725em;
   }
+
+  [dir="rtl"] .page-title {
+    margin-right: 0;
+    margin-left: 2em;
+  }
+
 }
 
 @media all and (min-width: 48em) { /* 768px */
@@ -174,11 +182,7 @@
   }
 
   /* Margins for sitename */
-  h1.page-title,
-  .name-and-slogan h1 {
-    margin: 0.75em 0 0.75em 1.9em; /* LTR */
-  }
-  [dir="rtl"] .name-and-slogan h1 {
-    margin: 0.75em 1.9em 0.75em 0;
+  .page-title {
+    margin: 0.75em 1.9em;
   }
 }
diff --git a/core/themes/seven/templates/install-page.html.twig b/core/themes/seven/templates/install-page.html.twig
index 98b3f8a..9f4db8d 100644
--- a/core/themes/seven/templates/install-page.html.twig
+++ b/core/themes/seven/templates/install-page.html.twig
@@ -12,15 +12,8 @@
 <div class="layout-container">
 
   <header role="banner">
-    {% if site_name or site_slogan %}
-      <div class="name-and-slogan">
-        {% if site_name %}
-          <h1>{{ site_name }}</h1>
-        {% endif %}
-        {% if site_slogan %}
-          <div class="site-slogan">{{ site_slogan }}</div>
-        {% endif %}
-      </div>{# /.name-and-slogan #}
+    {% if site_name %}
+      <h1 class="page-title">{{ site_name }}</h1>
     {% endif %}
   </header>
 
diff --git a/core/themes/seven/templates/maintenance-page.html.twig b/core/themes/seven/templates/maintenance-page.html.twig
index 01bc89b..f2bc53b 100644
--- a/core/themes/seven/templates/maintenance-page.html.twig
+++ b/core/themes/seven/templates/maintenance-page.html.twig
@@ -12,15 +12,8 @@
 <div class="layout-container">
 
   <header role="banner">
-    {% if site_name or site_slogan %}
-      <div class="name-and-slogan">
-        {% if site_name %}
-          <h1>{{ site_name }}</h1>
-        {% endif %}
-        {% if site_slogan %}
-          <div class="site-slogan">{{ site_slogan }}</div>
-        {% endif %}
-      </div>{# /.name-and-slogan #}
+    {% if site_name %}
+      <h1 class="page-title">{{ site_name }}</h1>
     {% endif %}
   </header>