diff --git a/generic/templates/generic/group_email.html b/generic/templates/generic/group_emailed.html
similarity index 100%
rename from generic/templates/generic/group_email.html
rename to generic/templates/generic/group_emailed.html
diff --git a/generic/templates/generic/group_view.html b/generic/templates/generic/group_view.html
index 4a84a1fa..e71b957d 100755
--- a/generic/templates/generic/group_view.html
+++ b/generic/templates/generic/group_view.html
@@ -1,8 +1,17 @@
 {% extends 'generic/base.html' %}
 
 {% block content %}
-
+<h2>Groups</h2>
 {% for group in groups %}
-<p>Group: {{group.name}} <a href="{% url 'generic:group_email' pk=group.pk %}">[Email candidate details]</a></p>
+<p>{{group.name}} <button class="email-button" data-emailurl="{% url 'generic:group_email' pk=group.pk %}
+">Email candidate details</button></p>
 {% endfor %}
-{% endblock %}
\ No newline at end of file
+
+    <script type="text/javascript">
+
+        $(".email-button").click((evt) => {
+            window.location = evt.currentTarget.dataset.emailurl;
+        })
+
+        </script>
+{% endblock %}