diff --git a/core/themes/seven/css/style.css b/core/themes/seven/css/style.css
index c911eee..13a669c 100644
--- a/core/themes/seven/css/style.css
+++ b/core/themes/seven/css/style.css
@@ -124,9 +124,9 @@ ul.menu li.expanded {
 }
 
 /**
- * Console.
+ * Messages.
  */
-#console {
+.messages {
   margin: 9px 0 10px;
 }
 
diff --git a/core/themes/seven/templates/page.html.twig b/core/themes/seven/templates/page.html.twig
index 6990d89..5600e69 100644
--- a/core/themes/seven/templates/page.html.twig
+++ b/core/themes/seven/templates/page.html.twig
@@ -86,7 +86,7 @@
     <main id="content" class="clearfix" role="main">
       <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
       {% if messages %}
-        <div id="console" class="clearfix">{{ messages }}</div>
+        {{ messages }}
       {% endif %}
       {% if page.help %}
         <div id="help">