diff --git a/app/views/browse/config-maps.html b/app/views/browse/config-maps.html
index a300212e67..7275507fa0 100644
--- a/app/views/browse/config-maps.html
+++ b/app/views/browse/config-maps.html
@@ -38,7 +38,7 @@ <h2>No config maps.</h2>
                 </p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all config maps. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all config maps. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/browse/routes.html b/app/views/browse/routes.html
index 0adde83ed7..8f2e584bdc 100644
--- a/app/views/browse/routes.html
+++ b/app/views/browse/routes.html
@@ -38,7 +38,7 @@ <h2>No routes.</h2>
                 </p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all routes. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all routes. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/browse/stateful-sets.html b/app/views/browse/stateful-sets.html
index 80e0ba6920..624c874494 100644
--- a/app/views/browse/stateful-sets.html
+++ b/app/views/browse/stateful-sets.html
@@ -36,7 +36,7 @@ <h2>No stateful sets.</h2>
                 <p>No stateful sets have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all stateful sets. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all stateful sets. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/builds.html b/app/views/builds.html
index 9b73600723..a8599b8e4a 100644
--- a/app/views/builds.html
+++ b/app/views/builds.html
@@ -32,7 +32,7 @@ <h2>No builds.</h2>
                 <p>No builds have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all builds. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all builds. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/catalog/catalog.html b/app/views/catalog/catalog.html
index f2da955c8a..af8ecd66b3 100644
--- a/app/views/catalog/catalog.html
+++ b/app/views/catalog/catalog.html
@@ -50,7 +50,7 @@ <h2 class="text-center">No images or templates.</h2>
 
   <div ng-if="allContentHidden" class="empty-state-message text-center h2">
     All content is hidden by the current filter.
-    <a href="" ng-click="filter.keyword = ''">Clear Filter</a>
+    <a href="" ng-click="filter.keyword = ''" role="button" class="nowrap">Clear Filter</a>
   </div>
 
   <div ng-if="!filterActive">
diff --git a/app/views/catalog/category-content.html b/app/views/catalog/category-content.html
index f8dd522864..d53047ef22 100644
--- a/app/views/catalog/category-content.html
+++ b/app/views/catalog/category-content.html
@@ -45,7 +45,7 @@ <h2 class="text-center">No images or templates.</h2>
 
   <div ng-if="!filteredBuilderImages.length && !filteredTemplates.length && loaded" class="empty-state-message text-center h2">
     All content is hidden by the current filter.
-    <a href="" ng-click="filter.keyword = ''">Clear Filter</a>
+    <a href="" ng-click="filter.keyword = ''" role="button" class="nowrap">Clear Filter</a>
   </div>
 
   <div class="row row-cards-pf row-cards-pf-flex mar-top-xl">
diff --git a/app/views/deployments.html b/app/views/deployments.html
index ef334cdf18..2dea7882b8 100644
--- a/app/views/deployments.html
+++ b/app/views/deployments.html
@@ -32,7 +32,7 @@ <h2>No deployments.</h2>
                 <p>No deployments have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all deployments. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all deployments. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/directives/events.html b/app/views/directives/events.html
index 1374b1661b..cde175c766 100644
--- a/app/views/directives/events.html
+++ b/app/views/directives/events.html
@@ -57,14 +57,14 @@
           <span ng-if="(events | hashSize) === 0"><em>No events to show.</em></span>
           <span ng-if="(events | hashSize) > 0">
             All events hidden by filter.
-            <a href="" ng-click="filter.text = ''" role="button">Clear Filter</a>
+            <a href="" ng-click="filter.text = ''" role="button" class="nowrap">Clear Filter</a>
           </span>
         </td>
           <td class="hidden-xs hidden-sm hidden-md" colspan="{{showKindAndName ? 6 : 4}}">
           <span ng-if="(events | hashSize) === 0"><em>No events to show.</em></span>
           <span ng-if="(events | hashSize) > 0">
             All events hidden by filter.
-            <a href="" ng-click="filter.text = ''" role="button">Clear Filter</a>
+            <a href="" ng-click="filter.text = ''" role="button" class="nowrap">Clear Filter</a>
           </span>
         </td>
       </tr>
diff --git a/app/views/images.html b/app/views/images.html
index ea5f1184ec..296d109b45 100644
--- a/app/views/images.html
+++ b/app/views/images.html
@@ -32,7 +32,7 @@ <h2>No image streams.</h2>
                 <p>No image streams have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all image streams. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all image streams. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/other-resources.html b/app/views/other-resources.html
index eaef34bb47..0f1156ba04 100644
--- a/app/views/other-resources.html
+++ b/app/views/other-resources.html
@@ -35,7 +35,7 @@ <h2>No {{resourceName}}.</h2>
                 </p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all {{resourceName}}. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all {{resourceName}}. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/overview.html b/app/views/overview.html
index 8345e87a02..0d3a9a3041 100644
--- a/app/views/overview.html
+++ b/app/views/overview.html
@@ -105,7 +105,7 @@ <h2>Welcome to project {{projectName}}.</h2>
           <div ng-if="overview.everythingFiltered && overview.viewBy !== 'pipeline'">
             <div class="empty-state-message text-center h2">
               The filter is hiding all resources.
-              <a href="" ng-click="overview.clearFilter()">Clear Filter</a>
+              <a href="" ng-click="overview.clearFilter()" role="button" class="nowrap">Clear Filter</a>
             </div>
           </div>
           <div ng-if="!overview.everythingFiltered || overview.viewBy === 'pipeline'">
@@ -269,7 +269,7 @@ <h2>No pipelines.</h2>
               <div ng-if="(overview.pipelineBuildConfigs | hashSize) && !(overview.filteredPipelineBuildConfigs | hashSize)">
                 <div class="empty-state-message text-center h2">
                   All pipelines are filtered.
-                  <a href="" ng-click="overview.clearFilter()">Clear Filter</a>
+                  <a href="" ng-click="overview.clearFilter()" role="button" class="nowrap">Clear Filter</a>
                 </div>
               </div>
               <div ng-repeat="pipeline in overview.filteredPipelineBuildConfigs track by (pipeline | uid)">
diff --git a/app/views/pods.html b/app/views/pods.html
index e16299e5d6..afc25fc6d8 100644
--- a/app/views/pods.html
+++ b/app/views/pods.html
@@ -32,7 +32,7 @@ <h2>No pods.</h2>
                 <p>No pods have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all pods. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all pods. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/projects.html b/app/views/projects.html
index b88066aabc..d3e50ac326 100644
--- a/app/views/projects.html
+++ b/app/views/projects.html
@@ -92,7 +92,7 @@ <h1>My Projects</h1>
               </div>
               <div ng-if="!projects.length && !isProjectListIncomplete" class="h3">
                 The current filter is hiding all projects.
-                <a href="" ng-click="search.text = ''" role="button">Clear Filter</a>
+                <a href="" ng-click="search.text = ''" role="button" class="nowrap">Clear Filter</a>
               </div>
               <div class="list-group list-view-pf projects-list">
                 <div ng-repeat="project in projects | limitTo: limitListTo track by (project | uid)" class="list-group-item project-info tile-click">
diff --git a/app/views/service-instances.html b/app/views/service-instances.html
index 64a87a8859..08a3e8f2f3 100644
--- a/app/views/service-instances.html
+++ b/app/views/service-instances.html
@@ -32,7 +32,7 @@ <h2>No provisioned services.</h2>
                     <p>No provisioned services have been added to project {{projectName}}.</p>
                   </div>
                   <div ng-if="filterWithZeroResults">
-                    <h2>The filter is hiding all provisioned services. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                    <h2>The filter is hiding all provisioned services. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
                   </div>
                 </div>
               </div>
diff --git a/app/views/services.html b/app/views/services.html
index c790c78eff..146b37d9ae 100644
--- a/app/views/services.html
+++ b/app/views/services.html
@@ -32,7 +32,7 @@ <h2>No services.</h2>
                 <p>No services have been added to project {{projectName}}.</p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all services. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all services. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/app/views/storage.html b/app/views/storage.html
index de3b445176..3d6b240fcc 100644
--- a/app/views/storage.html
+++ b/app/views/storage.html
@@ -43,7 +43,7 @@ <h2>No persistent volume claims.</h2>
                 </p>
               </div>
               <div ng-if="filterWithZeroResults">
-                <h2>The filter is hiding all persistent volume claims. <a href="" ng-click="clearFilter()">Clear Filter</a></h2>
+                <h2>The filter is hiding all persistent volume claims. <a href="" ng-click="clearFilter()" role="button" class="nowrap">Clear Filter</a></h2>
               </div>
             </div>
           </div>
diff --git a/dist/scripts/templates.js b/dist/scripts/templates.js
index bdaa0c136e..97e2384c75 100644
--- a/dist/scripts/templates.js
+++ b/dist/scripts/templates.js
@@ -2228,7 +2228,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all config maps. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all config maps. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -3485,7 +3485,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all routes. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all routes. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -4030,7 +4030,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No stateful sets have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all stateful sets. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all stateful sets. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -4103,7 +4103,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No builds have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all builds. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all builds. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -4367,7 +4367,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</form>\n" +
     "<div ng-if=\"allContentHidden\" class=\"empty-state-message text-center h2\">\n" +
     "All content is hidden by the current filter.\n" +
-    "<a href=\"\" ng-click=\"filter.keyword = ''\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"filter.keyword = ''\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</div>\n" +
     "<div ng-if=\"!filterActive\">\n" +
     "<div ng-repeat=\"category in categories\" ng-if=\"hasContent[category.id]\">\n" +
@@ -4471,7 +4471,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</form>\n" +
     "<div ng-if=\"!filteredBuilderImages.length && !filteredTemplates.length && loaded\" class=\"empty-state-message text-center h2\">\n" +
     "All content is hidden by the current filter.\n" +
-    "<a href=\"\" ng-click=\"filter.keyword = ''\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"filter.keyword = ''\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</div>\n" +
     "<div class=\"row row-cards-pf row-cards-pf-flex mar-top-xl\">\n" +
     "<catalog-image image-stream=\"builder\" project=\"{{projectName}}\" is-builder=\"true\" keywords=\"keywords\" ng-repeat=\"builder in filteredBuilderImages track by (builder | uid)\">\n" +
@@ -5118,7 +5118,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No deployments have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all deployments. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all deployments. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -7102,14 +7102,14 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<span ng-if=\"(events | hashSize) === 0\"><em>No events to show.</em></span>\n" +
     "<span ng-if=\"(events | hashSize) > 0\">\n" +
     "All events hidden by filter.\n" +
-    "<a href=\"\" ng-click=\"filter.text = ''\" role=\"button\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"filter.text = ''\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</span>\n" +
     "</td>\n" +
     "<td class=\"hidden-xs hidden-sm hidden-md\" colspan=\"{{showKindAndName ? 6 : 4}}\">\n" +
     "<span ng-if=\"(events | hashSize) === 0\"><em>No events to show.</em></span>\n" +
     "<span ng-if=\"(events | hashSize) > 0\">\n" +
     "All events hidden by filter.\n" +
-    "<a href=\"\" ng-click=\"filter.text = ''\" role=\"button\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"filter.text = ''\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</span>\n" +
     "</td>\n" +
     "</tr>\n" +
@@ -10497,7 +10497,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No image streams have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all image streams. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all image streams. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -11555,7 +11555,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all {{resourceName}}. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all {{resourceName}}. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -11698,7 +11698,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<div ng-if=\"overview.everythingFiltered && overview.viewBy !== 'pipeline'\">\n" +
     "<div class=\"empty-state-message text-center h2\">\n" +
     "The filter is hiding all resources.\n" +
-    "<a href=\"\" ng-click=\"overview.clearFilter()\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"overview.clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</div>\n" +
     "</div>\n" +
     "<div ng-if=\"!overview.everythingFiltered || overview.viewBy === 'pipeline'\">\n" +
@@ -11815,7 +11815,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<div ng-if=\"(overview.pipelineBuildConfigs | hashSize) && !(overview.filteredPipelineBuildConfigs | hashSize)\">\n" +
     "<div class=\"empty-state-message text-center h2\">\n" +
     "All pipelines are filtered.\n" +
-    "<a href=\"\" ng-click=\"overview.clearFilter()\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"overview.clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</div>\n" +
     "</div>\n" +
     "<div ng-repeat=\"pipeline in overview.filteredPipelineBuildConfigs track by (pipeline | uid)\">\n" +
@@ -12869,7 +12869,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No pods have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all pods. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all pods. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -12953,7 +12953,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</div>\n" +
     "<div ng-if=\"!projects.length && !isProjectListIncomplete\" class=\"h3\">\n" +
     "The current filter is hiding all projects.\n" +
-    "<a href=\"\" ng-click=\"search.text = ''\" role=\"button\">Clear Filter</a>\n" +
+    "<a href=\"\" ng-click=\"search.text = ''\" role=\"button\" class=\"nowrap\">Clear Filter</a>\n" +
     "</div>\n" +
     "<div class=\"list-group list-view-pf projects-list\">\n" +
     "<div ng-repeat=\"project in projects | limitTo: limitListTo track by (project | uid)\" class=\"list-group-item project-info tile-click\">\n" +
@@ -13383,7 +13383,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No provisioned services have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all provisioned services. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all provisioned services. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -13480,7 +13480,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<p>No services have been added to project {{projectName}}.</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all services. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all services. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +
@@ -13624,7 +13624,7 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</p>\n" +
     "</div>\n" +
     "<div ng-if=\"filterWithZeroResults\">\n" +
-    "<h2>The filter is hiding all persistent volume claims. <a href=\"\" ng-click=\"clearFilter()\">Clear Filter</a></h2>\n" +
+    "<h2>The filter is hiding all persistent volume claims. <a href=\"\" ng-click=\"clearFilter()\" role=\"button\" class=\"nowrap\">Clear Filter</a></h2>\n" +
     "</div>\n" +
     "</div>\n" +
     "</div>\n" +