diff --git a/message/templates/message_drawer_view_conversation_body_confirm_dialogue.mustache b/message/templates/message_drawer_view_conversation_body_confirm_dialogue.mustache
index e1e2f659fbc..085ba14dd49 100644
--- a/message/templates/message_drawer_view_conversation_body_confirm_dialogue.mustache
+++ b/message/templates/message_drawer_view_conversation_body_confirm_dialogue.mustache
@@ -38,9 +38,9 @@
 <div class="p-3 bg-white" data-region="confirm-dialogue" role="alert">
     <h3 class="h6 hidden" data-region="dialogue-header"></h3>
     <p class="text-muted" data-region="dialogue-text"></p>
-    <div class="mb-2 hidden" data-region="delete-messages-for-all-users-toggle-container">
-        <label class="custom-control-label ml-2 text-muted">
-            <input type="checkbox" data-region="delete-messages-for-all-users-toggle">
+    <div class="mb-2 custom-control custom-checkbox hidden" data-region="delete-messages-for-all-users-toggle-container">
+        <input type="checkbox" class="custom-control-input" id="delete-messages-for-all-users" data-region="delete-messages-for-all-users-toggle">
+        <label class="custom-control-label text-muted" for="delete-messages-for-all-users">
             {{#str}} deleteforeveryone, core_message {{/str}}
         </label>
     </div>