diff --git a/core/modules/outside_in/js/outside_in.js b/core/modules/outside_in/js/outside_in.js
index c2ef6ae..cb5c3cc 100644
--- a/core/modules/outside_in/js/outside_in.js
+++ b/core/modules/outside_in/js/outside_in.js
@@ -123,9 +123,14 @@
    * @todo Refactor to use Javascript Message API https://www.drupal.org/node/77245
    */
   function displayEditMessage() {
-    var editMsg = 'You are now in edit mode.';
-    var htmlMsg = '<div class="settings-tray-messages messages messages--status" onclick="this.parentNode.removeChild(this);" role="alert">' + ' ' + editMsg + '</div>';
-    $(htmlMsg).insertBefore('div.dialog-offcanvas__main-canvas').hide().fadeIn('slow');
+    var msgDiv = document.createElement('div');
+    msgDiv.setAttribute('class', 'settings-tray-messages messages messages--status');
+    msgDiv.setAttribute('role', 'alert');
+    msgDiv.innerHTML = 'You are now in edit mode.';
+    $(msgDiv).insertBefore('div.dialog-offcanvas__main-canvas').hide().fadeIn('slow');
+    $(msgDiv).on('click.outsidein', function (e) {
+      $(e.target).remove();
+    });
   }
 
   /**