diff --git a/core/themes/claro/templates/page.html.twig b/core/themes/claro/templates/page.html.twig
index 2842da21999a71ba8d5f5b6715fa43c8b86d04d0..a2c15be433e102f39fab13e4c93482bb42b2b1e1 100644
--- a/core/themes/claro/templates/page.html.twig
+++ b/core/themes/claro/templates/page.html.twig
@@ -39,24 +39,26 @@
  * @see html.html.twig
  */
 #}
-  <header class="content-header clearfix">
-    <div class="layout-container">
-      {{ page.breadcrumb }}
-      {{ page.header }}
-    </div>
-  </header>
+  <main>
+    <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
+    <header class="content-header clearfix">
+      <div class="layout-container">
+        {{ page.breadcrumb }}
+        {{ page.header }}
+      </div>
+    </header>
 
-  <div class="layout-container">
-    {{ page.pre_content }}
-    <main class="page-content clearfix" role="main">
-      <div class="visually-hidden"><a id="main-content" tabindex="-1"></a></div>
-      {{ page.highlighted }}
-      {% if page.help %}
-        <div class="help">
-          {{ page.help }}
-        </div>
-      {% endif %}
-      {{ page.content }}
-    </main>
+    <div class="layout-container">
+      {{ page.pre_content }}
+      <div class="page-content clearfix">
+        {{ page.highlighted }}
+        {% if page.help %}
+          <div class="help">
+            {{ page.help }}
+          </div>
+        {% endif %}
+        {{ page.content }}
+      </div>
 
-  </div>
+    </div>
+  </main>