diff --git a/core/themes/seven/templates/status-report.html.twig b/core/modules/system/templates/status-report-summary.html.twig
similarity index 100%
rename from core/themes/seven/templates/status-report.html.twig
rename to core/modules/system/templates/status-report-summary.html.twig
diff --git a/core/themes/seven/css/components/counter.css b/core/themes/seven/css/components/counter.css
deleted file mode 100644
index 312e4e5..0000000
--- a/core/themes/seven/css/components/counter.css
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * @file
- * Styles for counter component.
- */
-
-.counter {
-  border: 1px solid #e6e4df;
-  border-radius: 5px;
-  height: 85px;
-  vertical-align: middle;
-  line-height: 85px;
-  font-size: 20px;
-  font-weight: bold;
-  display: inline-block;
-  width: 100%;
-}
-
-.counter__status-title {
-  position: relative;
-  vertical-align: top;
-  width: 25%;
-  padding: 10px 6px;
-  box-sizing: border-box;
-  font-weight: normal;
-}
-
-.counter__status-icon {
-  display: inline-block;
-  height: 85px;
-  border-right: 1px solid #e6e4df; /* LTR */
-  border-left: 0; /* LTR */
-}
-[dir="rtl"] .counter__status-icon {
-  border-right: 0;
-  border-left: 1px solid #e6e4df;
-}
-.counter__status-icon:before {
-  content: "";
-  background-size: 35px;
-  background-position: 50% center;
-  background-repeat: no-repeat;
-  width: 100%;
-  height: 100%;
-  display: block;
-  float: left; /* LTR */
-}
-[dir="rtl"] .counter__status-icon:before  {
-  float: right;
-}
-.counter__status-icon:before {
-  margin-right: 10px; /* LTR */
-}
-[dir="rtl"] .counter__status-icon:before {
-  margin-left: 10px;
-}
-.counter__status-icon--error:before {
-  background-image: url(../../../stable/images/core/icons/e32700/error.svg);
-}
-.counter__status-icon--warning:before {
-  background-image: url(../../../stable/images/core/icons/e29700/warning.svg);
-}
-.counter__status-icon--checked:before {
-  background-image: url(../../../stable/images/core/icons/73b355/check.svg);
-}
-
-.counter__details {
-  display: inline-block;
-  padding: 0 5px;
-  height: 85px;
-}
diff --git a/core/themes/seven/css/components/system-status-report-counters.css b/core/themes/seven/css/components/system-status-report-counters.css
deleted file mode 100644
index 6826a53..0000000
--- a/core/themes/seven/css/components/system-status-report-counters.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * @file
- * Styles for the system status report counters.
- */
-
-.system-status-report-counters {
-  display: flex;
-  justify-content: space-between;
-}
-
-.system-status-report-counters__item {
-  margin: 10px 0 20px 0;
-  width: 100%;
-}
-.system-status-report-counters__item--half-width {
-  width: 49%;
-}
-.system-status-report-counters__item--third-width {
-  width: 32%;
-}
-
-@media screen and (max-width: 48em) {
-  .system-status-report-counters {
-    display: block;
-  }
-  .system-status-report-counters__item {
-    margin: 10px 0;
-    width: 100%;
-  }
-}
-
diff --git a/core/themes/stable/templates/admin/status-report-summary.html.twig b/core/themes/stable/templates/admin/status-report-summary.html.twig
new file mode 100644
index 0000000..a1510f8
--- /dev/null
+++ b/core/themes/stable/templates/admin/status-report-summary.html.twig
@@ -0,0 +1,77 @@
+{#
+/**
+ * @file
+ * Theme override for the status report.
+ *
+ * Available variables:
+ * - requirements: Contains multiple requirement instances.
+ *   Each requirement contains:
+ *   - title: The title of the requirement.
+ *   - value: (optional) The requirement's status.
+ *   - description: (optional) The requirement's description.
+ *   - severity_title: The title of the severity.
+ *   - severity_status: Indicates the severity status.
+ * - error: The number of errors found.
+ * - warning: The number of warnings found.
+ * - info: The number of items which are neither errors nor warnings.
+ *
+ * @see template_preprocess_status_report()
+ */
+#}
+{% if error != 0 and warning != 0 and info != 0 %}
+  {% set element_width_class = ' system-status-report-counters__item--third-width' %}
+{% elseif error != 0 or warning != 0 %}
+  {% set element_width_class = ' system-status-report-counters__item--half-width' %}
+{% endif %}
+<div class="system-status-report-counters">
+  {% if error %}
+    <div class="system-status-report-counters__item{{ element_width_class }}">
+      <span class="counter counter--error">
+        <span class="counter__status-title counter__status-icon counter__status-icon--error"></span>
+        <span class='counter__details'>
+          {{ error }} {{'error'|t }}
+        </span>
+      </span>
+    </div>
+  {% endif %}
+  {% if warning %}
+    <div class="system-status-report-counters__item{{ element_width_class }}">
+      <span class="counter counter--warning">
+        <span class="counter__status-title counter__status-icon counter__status-icon--warning"></span>
+        <span class='counter__details'>
+          {{ warning }} {{ 'warning'|t }}
+        </span>
+      </span>
+    </div>
+  {% endif %}
+  <div class="system-status-report-counters__item{{ element_width_class }}">
+    <span class="counter counter--checked">
+    <span class="counter__status-title counter__status-icon counter__status-icon--checked"></span>
+      <span class="counter__details">
+        {{ info }} {{ 'checked'|t }}
+      </span>
+    </span>
+  </div>
+</div>
+<table class="system-status-report">
+  <tbody>
+  {% for requirement in requirements %}
+    <tr class="system-status-report__entry system-status-report__entry--{{ requirement.severity_status }} color-{{ requirement.severity_status }}">
+      {% if requirement.severity_status in ['warning', 'error'] %}
+        <th class="system-status-report__status-title system-status-report__status-icon system-status-report__status-icon--{{ requirement.severity_status }}">
+          <span class="visually-hidden">{{ requirement.severity_title }}</span>
+      {% else %}
+        <th class="system-status-report__status-title">
+      {% endif %}
+        {{ requirement.title }}
+      </th>
+      <td>
+        {{ requirement.value }}
+        {% if requirement.description %}
+          <div class="description">{{ requirement.description }}</div>
+        {% endif %}
+      </td>
+    </tr>
+  {% endfor %}
+  </tbody>
+</table>