diff --git a/src/css/style.less b/src/css/style.less
index b5776bd4..f8627a09 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -269,7 +269,7 @@ button {
 
     .content {
       .modal-body;
-      .warning {
+      .danger {
         color: red;
       }
     }
diff --git a/src/js/yunohost/controllers/users.js b/src/js/yunohost/controllers/users.js
index 327e7718..92e235ad 100644
--- a/src/js/yunohost/controllers/users.js
+++ b/src/js/yunohost/controllers/users.js
@@ -200,8 +200,8 @@
         var params = {};
 
         // make confirm content
-        var purgeCheckbox = '<input type="checkbox">'+ y18n.t('purge_user_data_checkbox', [c.params['user']]) +'</input>';
-        var purgeAlertMessage = '<div class="warning" style="display: none">⚠ '+ y18n.t('purge_user_data_warning') +'</div>';
+        var purgeCheckbox = '<div><input type="checkbox" id="purge-user-data" name="purge-user-data"> <label for="purge-user-data">'+ y18n.t('purge_user_data_checkbox', [c.params['user']]) +'</label></div>';
+        var purgeAlertMessage = '<div class="danger" style="display: none">⚠ '+ y18n.t('purge_user_data_warning') +'</div>';
         var confirmModalContent = $('<div>'+ y18n.t('confirm_delete', [c.params['user']]) +'<br><br>'+ purgeCheckbox +'<br>'+ purgeAlertMessage +'</div>');
 
         // display confirm modal