diff --git a/ pagure/templates/add_token.html b/ pagure/templates/add_token.html
index d523d53b..e1911c89 100644
--- a/ pagure/templates/add_token.html  
+++ b/ pagure/templates/add_token.html  
@@ -36,16 +36,14 @@
           {{ render_bootstrap_field(
               form.description, field_description="Small description of this API token") }}
           <strong><label for="acls">ACLs</label></strong><br/>
-          <script>
-          function toggle(source) {
+          <script type="text/javascript">
+          function toggle() {
               var checkboxes = document.querySelectorAll('input[type="checkbox"]');
               for (var i = 0; i < checkboxes.length; i++) {
-                  if (checkboxes[i] != source)
-                      checkboxes[i].checked = source.checked;
+                checkboxes[i].checked = !checkboxes[i].checked;
               }
           }
           </script>
-          <input type="checkbox" onClick="toggle(this)"/> Check all?<p/>
           {% for acl in acls %}
           <div>
             <label class="c-input c-checkbox">
@@ -65,7 +63,7 @@
             <a class="btn btn-secondary" href="{{ url_for('ui_ns.user_settings')
                 }}#nav-api-tab">Cancel</a>
             {% endif %}
-
+            <span class="btn" onclick="toggle()">Toggle all</span>
             {{ form.csrf_token }}
           </div>
         </form>