diff --git a/message/templates/message_drawer_view_conversation_body.mustache b/message/templates/message_drawer_view_conversation_body.mustache
index cd8a9d5e3cb..93636fb8266 100644
--- a/message/templates/message_drawer_view_conversation_body.mustache
+++ b/message/templates/message_drawer_view_conversation_body.mustache
@@ -57,7 +57,7 @@
            </div>
             <div class="hidden text-center p-3" data-region="more-messages-loading-icon-container">{{> core/loading }}</div>
         </div>
-        <div class="p-4 w-100 h-100 hidden position-absolute" data-region="confirm-dialogue-container" style="top: 0; background: rgba(0,0,0,0.3);">
+        <div class="p-4 w-100 h-100 hidden position-absolute z-index-1" data-region="confirm-dialogue-container" style="top: 0; background: rgba(0,0,0,0.3);">
             {{> core_message/message_drawer_view_conversation_body_confirm_dialogue }}
         </div>
         <div class="px-2 pb-2 pt-0" data-region="content-placeholder">
diff --git a/message/templates/message_drawer_view_conversation_footer.mustache b/message/templates/message_drawer_view_conversation_footer.mustache
index c70611b4c77..d330397ff77 100644
--- a/message/templates/message_drawer_view_conversation_footer.mustache
+++ b/message/templates/message_drawer_view_conversation_footer.mustache
@@ -60,7 +60,7 @@
         {{> core_message/message_drawer_view_conversation_footer_placeholder }}
     </div>
     <div
-        class="hidden position-absolute"
+        class="hidden position-absolute z-index-1"
         data-region="confirm-dialogue-container"
         style="top: -1px; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.3);"
     ></div>
diff --git a/message/templates/message_drawer_view_conversation_header.mustache b/message/templates/message_drawer_view_conversation_header.mustache
index 8a2d00173f0..beb8e32fba0 100644
--- a/message/templates/message_drawer_view_conversation_header.mustache
+++ b/message/templates/message_drawer_view_conversation_header.mustache
@@ -47,7 +47,7 @@
         {{> core_message/message_drawer_view_conversation_header_placeholder }}
     </div>
     <div
-        class="hidden position-absolute"
+        class="hidden position-absolute z-index-1"
         data-region="confirm-dialogue-container"
         style="top: 0; bottom: -1px; right: 0; left: 0; background: rgba(0,0,0,0.3);"
     ></div>