diff --git a/assets/css/src/notice.styl b/assets/css/src/notice.styl
index 446d088a04..cf7fe8a574 100644
--- a/assets/css/src/notice.styl
+++ b/assets/css/src/notice.styl
@@ -1,10 +1,3 @@
 .mailpoet_notice
   position: relative
   clear: both
-
-.mailpoet_notice_close
-  position: absolute
-  right: 0.5em
-  top: 0.5em
-  color: #999
-  text-decoration: none !important
diff --git a/assets/js/src/notice.js b/assets/js/src/notice.js
index 4382b5e3e4..57ab849c92 100644
--- a/assets/js/src/notice.js
+++ b/assets/js/src/notice.js
@@ -172,8 +172,8 @@ define('notice', ['mailpoet', 'jquery'], function (mp, jQuery) { // eslint-disab
       }
 
       if (this.options.hideClose === false) {
-        this.element.append('<a href="javascript:;" class="mailpoet_notice_close"><span class="dashicons dashicons-dismiss"></span></a>');
-        this.element.find('.mailpoet_notice_close').on('click', function () { // eslint-disable-line func-names
+        this.element.append('<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss this notice.</span></button>');
+        this.element.find('.notice-dismiss').on('click', function () { // eslint-disable-line func-names
           jQuery(this).trigger('close');
         });
       }