diff --git a/atlas/templates/atlas/collection_case_view_take.html b/atlas/templates/atlas/collection_case_view_take.html
index e70d1e71..0232b3c0 100644
--- a/atlas/templates/atlas/collection_case_view_take.html
+++ b/atlas/templates/atlas/collection_case_view_take.html
@@ -156,28 +156,24 @@
     {% endif %}
 
     {% if show_discussion and case.discussion %}
-        <p>
-            <details>
-                <summary>
-                    Discussion:
-                </summary>
-                <div>
-                    {{case.discussion|linebreaks}}
-                </div>
-            </details>
-        </p>
+        <details class="card mb-3">
+            <summary class="card-header p-2" style="cursor: pointer;">
+                <strong>Discussion</strong>
+            </summary>
+            <div class="card-body p-2 small">
+                {{case.discussion|linebreaks}}
+            </div>
+        </details>
     {% endif %}
     {% if show_report and case.report %}
-        <p>
-            <details>
-                <summary>
-                    Report:
-                </summary>
-                <div>
-                    {{case.report|linebreaks}}
-                </div>
-            </details>
-        </p>
+        <details class="card mb-3">
+            <summary class="card-header p-2" style="cursor: pointer;">
+                <strong>Report</strong>
+            </summary>
+            <div class="card-body p-2 small">
+                {{case.report|linebreaks}}
+            </div>
+        </details>
     {% endif %}
 
     {% if question_completed %}