diff --git a/conservancy/templates/supporter/index.html b/conservancy/templates/supporter/index.html
index 4ad1eb8d939b19774a01b5760fc92e7c130d7a11..a35667b6dd55121df845e97e7e690005ae42ff52 100644
--- a/conservancy/templates/supporter/index.html
+++ b/conservancy/templates/supporter/index.html
@@ -309,40 +309,33 @@ reach for reproducibility. </p>
   <details>
     <summary>Support Now!</summary>
 
-    <h3 class="donate-box-highlight">Become a Sustainer Now:</h3>
+    <p class="mv2">Become a Sustainer Now:</p>
 
-    <p>Support us now!</p>
+    <ul>
+      <li class="mb2"><a href="#annual"><span class="donate-box-highlight">Annual sustainer</span> via PayPal, ACH, or credit card</a></li>
+      <li class="mb2"><a href="#monthly"><span class="donate-box-highlight">Monthly sustainer</span> via PayPal, ACH, or credit card</a></li>
+      <li class="mb2"><a href="#renewal"><span class="donate-box-highlight">Renewing Annual sustainer</span> via PayPal, ACH, or credit card</a></li>
+    </ul>
 
-    <h4><a href="#annual"><span class="donate-box-highlight">Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
-    <h4><a href="#monthly"><span class="donate-box-highlight">Monthly sustainer</span> via PayPal, ACH, or credit card.</a></h4>
-    <h4><a href="#renewal"><span class="donate-box-highlight">Renewing Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
+    <p class="mv2">Other annual sustainers methods:</p>
 
-    <span class="donate-box-highlight">Other annual sustainers methods:</span>
-    <div class="toggle-unit">
-      <h4 class="toggle-control" data-text="Wire Transfer"
-          data-expanded-text="Wire Transfer:">Wire Transfer</h4>
-      <div class="toggle-content">
+    <details class="mv2">
+      <summary class="f6 pt0 pb1">Wire Transfer</summary>
         Contact <a href="mailto:donate@sfconservancy.org">Conservancy
-        by email</a><br/> for wire transfer instructions.<br/>
-        Include  currency &amp; country.<br/>
-      </div><!-- /.toggle-content -->
-    </div><!-- /.toggle.unit -->
-
-    <div class="toggle-unit">
-      <h4 class="toggle-control" data-text="Paper Check"
-          data-expanded-text="Paper Check:">Paper Check</h4>
-      <div class="toggle-content">
-        Send paper check for $120 to:<br/>
-        Software Freedom Conservancy, Inc.<br/>
+        by email</a> for wire transfer instructions. Include currency &amp; country.<br/>
+    </details>
+
+    <details class="mv2">
+      <summary class="f6 pt0 pb1">Paper Check</summary>
+      <p>Send paper check for $120 to:</p>
+      <p>Software Freedom Conservancy, Inc.<br/>
         137 MONTAGUE ST  STE 380<br/>
-        BROOKLYN, NY 11201-3548 &nbsp; USA<br/>
-        Please write <q>SUSTAINER</q>, t-shirt size, if you are renewing, and if
-        you want public acknowledgment in memo line.
-      </div><!-- /.toggle-content -->
-    </div><!-- /.toggle.unit -->
-
-    <p><a href="/donate">Even More Ways to Donate</a></p>
-    <!-- Flattr end -->
+        BROOKLYN, NY 11201-3548 &nbsp; USA</p>
+      <p>Please write <q>SUSTAINER</q>, T-shirt size, if you are renewing, and if
+        you want public acknowledgment in memo line.</p>
+    </details>
+
+    <p class="mv2"><a href="/donate">Even More Ways to Donate</a></p>
   </details>
 </div>
 {% endblock %}