diff --git a/app/styles/_notifications.less b/app/styles/_notifications.less
index 307203e911..63fc290917 100644
--- a/app/styles/_notifications.less
+++ b/app/styles/_notifications.less
@@ -59,10 +59,16 @@ notification-drawer-wrapper {
   }
   .drawer-pf-notification-inner {
     padding: 15px;
-    .pficon-close {
-      color: @color-pf-black-400;
-      &:hover,&:focus,&:active {
-        color: @color-pf-black-700;
+    .drawer-pf-notification-close {
+      margin-right: (@grid-gutter-width/(-4)); // vertically align with dropdown-kebab-pf
+      .pficon-close {
+        color: @gray-darker; // match dropdown-kebab-pf color
+        &:active,
+        &:focus,
+        &:hover
+         {
+          text-decoration: none;
+        }
       }
     }
   }
diff --git a/app/views/directives/notifications/notification-body.html b/app/views/directives/notifications/notification-body.html
index 8746e5b1dc..c5a641fae8 100644
--- a/app/views/directives/notifications/notification-body.html
+++ b/app/views/directives/notifications/notification-body.html
@@ -2,14 +2,14 @@
   class="drawer-pf-notification-inner"
   tabindex="0"
   ng-click="$ctrl.customScope.markRead(notification)">
-  <a
-    class="pull-right"
-    href=""
+  <button
+    class="btn btn-link pull-right drawer-pf-notification-close"
+    type="button"
     ng-if="!notification.actions.length"
     ng-click="$ctrl.customScope.clear(notification, $index, notificationGroup)">
     <span class="sr-only">Clear notification</span>
-    <span aria-hidden="true" class="pull-left pficon pficon-close"></span>
-  </a>
+    <span aria-hidden="true" class="pficon pficon-close"></span>
+  </button>
   <div
     uib-dropdown
     class="dropdown pull-right dropdown-kebab-pf"
diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
index be47d8e418..a0b6f6f3ea 100644
--- a/dist/scripts/templates.js
+++ b/dist/scripts/templates.js
@@ -7719,10 +7719,10 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
 
   $templateCache.put('views/directives/notifications/notification-body.html',
     "<div class=\"drawer-pf-notification-inner\" tabindex=\"0\" ng-click=\"$ctrl.customScope.markRead(notification)\">\n" +
-    "<a class=\"pull-right\" href=\"\" ng-if=\"!notification.actions.length\" ng-click=\"$ctrl.customScope.clear(notification, $index, notificationGroup)\">\n" +
+    "<button class=\"btn btn-link pull-right drawer-pf-notification-close\" type=\"button\" ng-if=\"!notification.actions.length\" ng-click=\"$ctrl.customScope.clear(notification, $index, notificationGroup)\">\n" +
     "<span class=\"sr-only\">Clear notification</span>\n" +
-    "<span aria-hidden=\"true\" class=\"pull-left pficon pficon-close\"></span>\n" +
-    "</a>\n" +
+    "<span aria-hidden=\"true\" class=\"pficon pficon-close\"></span>\n" +
+    "</button>\n" +
     "<div uib-dropdown class=\"dropdown pull-right dropdown-kebab-pf\" ng-if=\"notification.actions.length\">\n" +
     "<button uib-dropdown-toggle class=\"btn btn-link dropdown-toggle\" type=\"button\" id=\"dropdownKebabRight-{{$id}}\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\">\n" +
     "<span class=\"fa fa-ellipsis-v\"></span>\n" +
diff --git a/dist/styles/main.css b/dist/styles/main.css
index 9bec10e13a..a56707c6c6 100644
--- a/dist/styles/main.css
+++ b/dist/styles/main.css
@@ -5900,8 +5900,9 @@ notification-drawer-wrapper .drawer-pf-notification.ng-leave{transition:.25s lin
 notification-drawer-wrapper .drawer-pf-notification.ng-leave.ng-leave-active{opacity:0}
 notification-drawer-wrapper .drawer-pf-notification-info{font-size:11px}
 notification-drawer-wrapper .drawer-pf-notification-inner{padding:15px}
-notification-drawer-wrapper .drawer-pf-notification-inner .pficon-close{color:#bbb}
-notification-drawer-wrapper .drawer-pf-notification-inner .pficon-close:active,notification-drawer-wrapper .drawer-pf-notification-inner .pficon-close:focus,notification-drawer-wrapper .drawer-pf-notification-inner .pficon-close:hover{color:#4d5258}
+notification-drawer-wrapper .drawer-pf-notification-inner .drawer-pf-notification-close{margin-right:-10px}
+notification-drawer-wrapper .drawer-pf-notification-inner .drawer-pf-notification-close .pficon-close{color:#252525}
+notification-drawer-wrapper .drawer-pf-notification-inner .drawer-pf-notification-close .pficon-close:active,notification-drawer-wrapper .drawer-pf-notification-inner .drawer-pf-notification-close .pficon-close:focus,notification-drawer-wrapper .drawer-pf-notification-inner .drawer-pf-notification-close .pficon-close:hover{text-decoration:none}
 notification-drawer-wrapper .drawer-pf-title h3{font-size:12px}
 notification-drawer-wrapper .expanded-notification .drawer-pf-notification-info{color:#9c9c9c}
 notification-drawer-wrapper .expanded-notification .drawer-pf-notification-message-expanded{font-size:12px;padding:10px 10px 10px 42px;color:#9c9c9c}