diff --git a/core/modules/system/css/system.admin.css b/core/modules/system/css/system.admin.css
index add899d..eb9108b 100644
--- a/core/modules/system/css/system.admin.css
+++ b/core/modules/system/css/system.admin.css
@@ -47,11 +47,11 @@
 /**
  * Administration blocks.
  */
-.admin-panel {
+.panel {
   margin: 0;
   padding: 5px 5px 15px 5px;
 }
-.admin-panel .description {
+.panel__description {
   margin: 0 0 3px;
   padding: 2px 0 3px 0;
 }
diff --git a/core/modules/system/templates/admin-block-content.html.twig b/core/modules/system/templates/admin-block-content.html.twig
index e70e565..64f2845 100644
--- a/core/modules/system/templates/admin-block-content.html.twig
+++ b/core/modules/system/templates/admin-block-content.html.twig
@@ -18,17 +18,21 @@
 #}
 {%
   set classes = [
-    'admin-list',
+    'list-group',
     compact ? 'compact',
   ]
 %}
 {% if content %}
-  <dl{{ attributes.addClass(classes) }}>
+  <ul{{ attributes.addClass(classes) }}>
     {% for item in content %}
-      <dt>{{ item.link }}</dt>
+      <li class="list-group__item">
+        <a href="{{ item.url }}" class="list-group__link" >
+          <span class="list-group__item__label">{{ item.title }}</span>
+        </a>
+      </li>
       {% if item.description %}
-        <dd>{{ item.description }}</dd>
+        <div class="list-group__item__description">{{ item.description }}</div>
       {% endif %}
     {% endfor %}
-  </dl>
+  </ul>
 {% endif %}
diff --git a/core/modules/system/templates/admin-block.html.twig b/core/modules/system/templates/admin-block.html.twig
index 20aa000..c3dab0e 100644
--- a/core/modules/system/templates/admin-block.html.twig
+++ b/core/modules/system/templates/admin-block.html.twig
@@ -14,13 +14,13 @@
  * @ingroup themeable
  */
 #}
-<div class="admin-panel">
+<div class="panel">
   {% if block.title %}
-    <h3>{{ block.title }}</h3>
+    <h3 class="panel__title">{{ block.title }}</h3>
   {% endif %}
   {% if block.content %}
-    <div class="body">{{ block.content }}</div>
+    <div class="panel__content">{{ block.content }}</div>
   {% elseif block.description %}
-    <div class="description">{{ block.description }}</div>
+    <div class="panel__description">{{ block.description }}</div>
   {% endif %}
 </div>
diff --git a/core/themes/bartik/css/components/admin.css b/core/themes/bartik/css/components/admin.css
index 1661946..6374094 100644
--- a/core/themes/bartik/css/components/admin.css
+++ b/core/themes/bartik/css/components/admin.css
@@ -28,22 +28,24 @@
 }
 
 /* Configuration. */
-div.admin-panel {
+.panel {
   background: #fbfbfb;
   border: 1px solid #ccc;
   margin: 10px 0;
   padding: 0 5px 5px;
 }
-div.admin-panel h3 {
+.panel__title {
   margin: 16px 7px;
 }
-div.admin-panel dt {
+.list-group {
+  padding: 0;
+  margin: 0;
+}
+.list-group__item {
   border-top: 1px solid #ccc;
   padding: 7px 0 0;
+  list-style: none;
 }
-div.admin-panel dd {
+.list-group__item__description {
   margin: 0 0 10px;
 }
-div.admin-panel .description {
-  margin: 0 0 14px 7px;
-}
diff --git a/core/themes/seven/css/components/admin-panel.css b/core/themes/seven/css/components/admin-panel.css
index ad27d3b..91e3478 100644
--- a/core/themes/seven/css/components/admin-panel.css
+++ b/core/themes/seven/css/components/admin-panel.css
@@ -1,20 +1,23 @@
 /**
  * Admin panel.
  */
-div.admin-panel,
-div.admin-panel .body {
+.panel,
+.panel__content {
   padding: 0;
   clear: left;
 }
-div.admin-panel {
+.panel {
   margin: 0 0 20px;
   padding: 9px;
   background: #f8f8f8;
   border: 1px solid #ccc;
 }
-div.admin-panel h3 {
+.panel__title {
   font-size: 0.923em;
   text-transform: uppercase;
   margin: 0;
   padding-bottom: 9px;
 }
+.list-group__item {
+  list-style: none;
+}