diff --git a/templates/index.html b/templates/index.html
index 7c2923c..2e72c8f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -33,7 +33,7 @@
                     <button hx-get="/mailing_list" hx-target="#mailing_list"> Refresh Mailing List</button>
                 </div>
             </div>
-            <ul style="columns: 2;" id="mailing_list" hx-trigger="load" hx-get="/mailing_list"></ul>
+            <div class="card" hx-trigger="load" hx-get="/mailing_list" id="mailing_list"></div>
         </div>
     </div>
 </body>
@@ -42,7 +42,9 @@
 {{ end }}
 
 {{ block "mailing_list" . }}
-{{ range .Emails }}
-<li> {{.}} </li>
-{{end}}
+<ul style="columns: 2;">
+    {{ range .Emails }}
+    <li><a href="mailto:{{ . }}"> {{ . }} </a></li>
+    {{end}}
+</ul>
 {{end}}
\ No newline at end of file