diff --git a/components/benefit_sponsors/app/views/benefit_sponsors/inboxes/messages/destroy.js.erb b/components/benefit_sponsors/app/views/benefit_sponsors/inboxes/messages/destroy.js.erb
index a055f6b0743..15644f890a3 100644
--- a/components/benefit_sponsors/app/views/benefit_sponsors/inboxes/messages/destroy.js.erb
+++ b/components/benefit_sponsors/app/views/benefit_sponsors/inboxes/messages/destroy.js.erb
@@ -3,6 +3,10 @@ $('#inbox-messages').show().html("<%= escape_javascript(render "benefit_sponsors
 var bs4 = document.documentElement.dataset.bs4 == "true";
 if (bs4) {
   $("#messageDeleted").removeClass("hidden");
+
+  $("#close-delete-message").on('click', function() {
+    $("#messageDeleted").addClass("hidden");
+  });
 } else {
   <% if @inbox_provider != current_user.person%>
     location.reload();
diff --git a/components/benefit_sponsors/app/views/benefit_sponsors/shared/inboxes/_message_list.html.erb b/components/benefit_sponsors/app/views/benefit_sponsors/shared/inboxes/_message_list.html.erb
index 7593201cc65..9c70c059b61 100644
--- a/components/benefit_sponsors/app/views/benefit_sponsors/shared/inboxes/_message_list.html.erb
+++ b/components/benefit_sponsors/app/views/benefit_sponsors/shared/inboxes/_message_list.html.erb
@@ -8,17 +8,11 @@
       <%= l10n("broker_agencies.message_deleted") %>
     </div>
     <div class="d-flex pl-1">
-      <span id="close" class="close-icon icon icon-sm pr-1" alt='<%= l10n("close") %>' href="javascript;" tabindex="0" data-keydown-id="close"><span class="sr-only"><%= l10n("close") %></span></span>
+      <span id="close-delete-message" class="close-icon icon icon-sm pr-1" alt='<%= l10n("close") %>' href="#" tabindex="0" data-keydown-id="close-delete-message"><span class="sr-only"><%= l10n("close") %></span></span>
     </div>
   </div>
 </div>
 
-<script>
-  $("#close").on('click', function() {
-    $("#messageDeleted").addClass("hidden");
-  });
-</script>
-
 <% @folder = (params[:folder] || 'Inbox').capitalize %>
 <% sorted_inbox_messages = provider.inbox.messages.select{|m| @folder == (m.folder.try(:capitalize) || 'Inbox') }.sort_by(&:created_at).reverse %>
 <div id="inbox-messages" class="mx-0 px-0">