diff --git a/web/templates/import_result.html b/web/templates/import_result.html
index 93a1f0f..931609c 100644
--- a/web/templates/import_result.html
+++ b/web/templates/import_result.html
@@ -1,23 +1,58 @@
 {% extends "base.html" %}
-{% block title %}Import Result - Illustrations DB{% endblock %}
+{% block body_class %}themed-bg{% endblock %}
 {% block content %}
-  <div class="panel">
-    <h2 style="margin-top:0;">Import {{ "Preview" if dry_run else "Result" }}</h2>
-    <ul>
-      <li>Total rows: <strong>{{ report.rows }}</strong></li>
-      <li>Inserted: <strong>{{ report.inserted }}</strong></li>
-      <li>Updated: <strong>{{ report.updated }}</strong></li>
-      <li>Skipped: <strong>{{ report.skipped }}</strong></li>
-      <li>Scripture parsed: <strong>{{ report.scripture_parsed }}</strong></li>
-      <li>Scripture failed: <strong>{{ report.scripture_failed }}</strong></li>
-    </ul>
-    {% if report.errors and report.errors|length %}
-      <h3>Errors</h3>
-      <pre>{{ report.errors|join("\n") }}</pre>
+<div class="container">
+  <div class="card">
+    <h1 class="page-title">{{ dry_run|yesno:"Dry-run Preview,Import Result" }}</h1>
+    <p>{{ report }}</p>
+
+    {% if errors %}
+      <h3>Errors (first {{ errors|length }})</h3>
+      <ul class="small">
+        {% for e in errors %}
+          <li>{{ e }}</li>
+        {% endfor %}
+      </ul>
     {% endif %}
-    <div style="margin-top:16px;">
-      <a class="btn" href="/import/">Run again</a>
-      <a class="btn" href="/search/">Done</a>
+
+    {% if rows %}
+      <h3 style="margin-top:10px;">Preview (first {{ rows|length }})</h3>
+      <div class="small muted">Truncated fields shown for readability.</div>
+      <table class="table" style="margin-top:8px;">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Subject</th><th>Illustration</th><th>Application</th><th>Scripture</th>
+            <th>Source</th><th>Talk Title</th><th>Talk #</th><th>Code</th><th>Date</th><th>Date Edited</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for rownum, r in rows %}
+            <tr>
+              <td>{{ rownum }}</td>
+              <td>{{ r.Subject }}</td>
+              <td>{{ r.Illustration }}</td>
+              <td>{{ r.Application }}</td>
+              <td>{{ r.Scripture }}</td>
+              <td>{{ r.Source }}</td>
+              <td>{{ r."Talk Title" }}</td>
+              <td>{{ r."Talk Number" }}</td>
+              <td>{{ r.Code }}</td>
+              <td>{{ r.Date }}</td>
+              <td>{{ r."Date Edited" }}</td>
+            </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    {% endif %}
+
+    <div class="result-toolbar" style="margin-top:12px;">
+      <div class="rt-left"></div>
+      <div class="rt-right">
+        <a class="btn btn-primary" href="{% url 'import_wizard' %}">Back to Import</a>
+        <a class="btn btn-secondary" href="{% url 'settings_home' %}">Close</a>
+      </div>
     </div>
   </div>
-{% endblock %}
+</div>
+{% endblock %}
\ No newline at end of file