diff --git a/bookwyrm/templates/settings/admin_layout.html b/bookwyrm/templates/settings/admin_layout.html
index 312d502a7..a34fe6389 100644
--- a/bookwyrm/templates/settings/admin_layout.html
+++ b/bookwyrm/templates/settings/admin_layout.html
@@ -46,7 +46,7 @@
         </ul>
         {% endif %}
     </nav>
-    <div class="column content">
+    <div class="column">
         {% block panel %}{% endblock %}
     </div>
 </div>
diff --git a/bookwyrm/templates/settings/report_preview.html b/bookwyrm/templates/settings/report_preview.html
index b72dd958d..63eca0fca 100644
--- a/bookwyrm/templates/settings/report_preview.html
+++ b/bookwyrm/templates/settings/report_preview.html
@@ -1,14 +1,19 @@
 {% extends 'components/card.html' %}
 {% load i18n %}
 {% block card-header %}
-<h2 class="title is-4">
-    <a href="{% url 'settings-report' report.id %}">report title</a></h2>
+<h2 class="card-header-title has-background-white-ter is-block">
+    <a href="{% url 'settings-report' report.id %}">report title</a>
+</h2>
 {% endblock %}
 
 {% block card-content %}
-about this report
+<div class="block">
+    about this report
+</div>
 {% endblock %}
 
 {% block card-footer %}
-footer
+<div class="card-footer-item">
+    footer
+</div>
 {% endblock %}
diff --git a/bookwyrm/templates/settings/reports.html b/bookwyrm/templates/settings/reports.html
index efca7244b..59fbaf568 100644
--- a/bookwyrm/templates/settings/reports.html
+++ b/bookwyrm/templates/settings/reports.html
@@ -15,13 +15,13 @@
     </ul>
 </div>
 
-<ul>
+<div class="block">
     {% for report in reports %}
-    <li class="card">
+    <div class="block">
         {% include 'settings/report_preview.html' with report=report %}
-    </li>
+    </div>
     {% endfor %}
-</ul>
+</div>
 
 {% endblock %}